Downloaded 110 times
Uploaded bySencha
Advanced Server Integration with Data and Direct
Ext.Direct is a framework that allows for remoting of server-side classes to the client-side as if they were local. It handles ajax requests, json encoding/decoding, and invoking the appropriate callbacks automatically. To set it up, developers download a server-side stack, configure which methods can be remotely called, and include an API descriptor on the client-side. This allows for batching of requests, centralized routing, and compatibility with both direct calls and ajax requests. Implementing a stack involves configuring exposed classes/methods, generating an API descriptor, and building a router to handle requests and responses.
More Related Content
![IVS CTO Night And Day 2018 Winter - [re:Cap] Serverless & Mobile](https://cdn.slidesharecdn.com/ss_thumbnails/ivsctonightandday2018morningsession-serverlessmobilerecap-190115185144-thumbnail.jpg?width=640&height=640&fit=bounds)
Similar to Advanced Server Integration with Data and Direct
![Coded Agents – with UiPath SDK + LangGraph [Virtual Hands-on Workshop]](https://cdn.slidesharecdn.com/ss_thumbnails/codedagentsdeck-251215155422-5497c599-thumbnail.jpg?width=640&height=640&fit=bounds)
Advanced Server Integration with Data and Direct
- 2. Ext.Direct Lets you workfaster by writing less code AARON CONRAN, SENCHA
- 3.
- 4.
- 5. Remoting Expose server-side classesas if they were local to the client-side ContactList • addMember • addMemberToGroup • getGroups • getMembersByGroup • removeMember • removeMemberFromGroup
- 6. Lack of BoilerPlate automatically handled automatically handled
- 7. Lack of BoilerPlate • Ajax Request automatically • Invoke page handled • JSON encoding automatically • JSON decoding handled
- 8. Ext.Direct Invocation Invoke Direct Server Router Class Response
- 9.
- 10.
- 11. Server-side agnostic Implementations • PHP •Java • C# • Ruby • ColdFusion • Python • Perl
- 12.
- 13.
- 14. Batching • Common slowdownof Ajax applications is chatty behavior • Multiple invocations batched together in single request
- 15.
- 16. Centralized Router • ImprovesDebugging • Allows centralized security policies
- 17.
- 18. Compatible • Direct andAjax can be used together • Not an on or off switch; gradually can make the transition
- 19.
- 20.
- 21. Setting up Direct •Download and install a Server-side Stack • Configure remotable methods • Include API via script tag • Invoke client-side stubs
- 22. Server-side /* @remotable */ publicfunction getMembersByGroup($group) { // grab members by group out of DB }
- 23. Server-side • Configure methodsas remotable • Done via metadata, json, xml, or programmatic /* @remotable */ public function getMembersByGroup($group) { // grab members by group out of DB }
- 24.
- 25. Client-side • Client-side generatesstub method based off of this configuration information • Including script tag (generates valid javascript)
- 26.
- 27.
- 28. Magic When client-side stubsare invoked within a certain threshold of time, they are batched together and sent over an Ajax request Direct handles invoking the appropriate callback
- 29. Server-side Router Direct Router
- 30. Server-side Router • Routesrequests to appropriate server-side method • Once configured, nothing you need to do as a developer. Direct Router
- 31.
- 32. Steps to createa Stack
- 33. Steps to createa Stack 1. Configure Determine how Classes/Methods will be exposed as remotable. 2. Generate API Descriptor Iterate over exposed classes and methods and create descriptor 3. Implement Router
- 34. Generated API Router URL Methods len and name Classes API Descriptor
- 35. Mark a methodas Remotable C# Java CFML
- 36.
- 37. CFML Stack Let’s goover the basics of how to implement a stack
- 38. CFML Stack GetAll Classes
- 39. CFML Stack Get ClassMetaData
- 40. CFML Stack Check ExtDirectattributes
- 41. CFML Stack Output APIDescriptor as JSON or JavaScript
- 42. CFML Stack Class Arguments Method Transaction Request (could be an array)
- 43. CFML Stack Raw PostBody (not form submit)
- 44. CFML Stack Invoke Classby Request
- 45. CFML Stack Encoding Response Matching Transactions
- 46.
- 47.
- 48. Additional File Uploads - formHandler ErrorHandling - Debug Mode Long Running Requests Caching API Descriptors Caching Class Instances
- 49.
- 50.
- 51.
- 52. Additional Resources • Ext.Direct http://www.sencha.com/products/direct/ •Ext JS Direct Forums http://www.sencha.com/forum/forumdisplay.php?47- Ext.Direct • Ext.Direct Pack http://www.sencha.com/products/js/download.php Reference implementations: PHP, .NET, Ruby & CFML
- 53.
Editor's Notes
- #3 Good afternoon everyone and thanks for joining us at SenchaCon. I'm here today to tell you about Ext.Direct and how it can help you to write your applications quicker and with less effort. Ext.Direct allows you to seamlessly invoke server-side methods as if they were local to the browser. This lets you focus on the business aspects of your application rather than writing boiler plate Ajax code. Direct is capable of integrating with all server-side platforms and already has implementations for the most popular languages and frameworks in use today. First we're going to take a look at the most commonly used patterns to interact with your server via Ajax and compare it to using Direct. Then I'll show you how Direct works and how you can use both of these techniques in conjunction with one another so that you can gradually transition to using Direct.
- #51 So what if a server-side stack doesn’t already exist for your language/framework?
- #52 So what if a server-side stack doesn’t already exist for your language/framework?
- #53 So what if a server-side stack doesn’t already exist for your language/framework?
- #55 First see whats required in the API Descriptor
- #56 First see whats required in the API Descriptor
- #57 First see whats required in the API Descriptor
- #58 First see whats required in the API Descriptor
- #59 First see whats required in the API Descriptor
- #60 First see whats required in the API Descriptor
- #61 First see whats required in the API Descriptor
- #62 First see whats required in the API Descriptor
- #63 So lets see how we can remote some methods and generate a descriptor like this