Advanced Server Integration with Data and Direct
•Descargar como KEY, PDF•
0 recomendaciones•1,165 vistas
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.
Recomendados
Más contenido relacionado
La actualidad más candente
La actualidad más candente (20)
Destacado
Similar a Advanced Server Integration with Data and Direct
Similar a Advanced Server Integration with Data and Direct (20)
Más de Sencha
Más de Sencha (20)
Último
Último (20)
Advanced Server Integration with Data and Direct
- 2. Ext.Direct Lets you work faster by writing less code AARON CONRAN, SENCHA
- 3. Ext.Direct
- 4. Remoting
- 5. Remoting Expose server-side classes as if they were local to the client-side ContactList • addMember • addMemberToGroup • getGroups • getMembersByGroup • removeMember • removeMemberFromGroup
- 6. Lack of Boiler Plate automatically handled automatically handled
- 7. Lack of Boiler Plate • Ajax Request automatically • Invoke page handled • JSON encoding automatically • JSON decoding handled
- 8. Ext.Direct Invocation Invoke Direct Server Router Class Response
- 9. Invocation
- 11. Server-side agnostic Implementations • PHP • Java • C# • Ruby • ColdFusion • Python • Perl
- 12. Benefits
- 13. Batching
- 14. Batching • Common slowdown of Ajax applications is chatty behavior • Multiple invocations batched together in single request
- 16. Centralized Router • Improves Debugging • Allows centralized security policies
- 17. Compatible
- 18. Compatible • Direct and Ajax can be used together • Not an on or off switch; gradually can make the transition
- 19. How it works
- 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 */ public function getMembersByGroup($group) { // grab members by group out of DB }
- 23. Server-side • Configure methods as remotable • Done via metadata, json, xml, or programmatic /* @remotable */ public function getMembersByGroup($group) { // grab members by group out of DB }
- 24. Client-side
- 25. Client-side • Client-side generates stub method based off of this configuration information • Including script tag (generates valid javascript)
- 26. Invocation
- 27. Magic
- 28. Magic When client-side stubs are 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 • Routes requests to appropriate server-side method • Once configured, nothing you need to do as a developer. Direct Router
- 32. Steps to create a Stack
- 33. Steps to create a 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 method as Remotable C# Java CFML
- 36. CFML Stack
- 37. CFML Stack Let’s go over the basics of how to implement a stack
- 38. CFML Stack Get All Classes
- 39. CFML Stack Get Class MetaData
- 40. CFML Stack Check ExtDirect attributes
- 41. CFML Stack Output API Descriptor as JSON or JavaScript
- 42. CFML Stack Class Arguments Method Transaction Request (could be an array)
- 43. CFML Stack Raw Post Body (not form submit)
- 44. CFML Stack Invoke Class by Request
- 45. CFML Stack Encoding Response Matching Transactions
- 47. Additional
- 48. Additional File Uploads - formHandler Error Handling - Debug Mode Long Running Requests Caching API Descriptors Caching Class Instances
- 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. Questions?
Notas del editor
- 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.
- So what if a server-side stack doesn’t already exist for your language/framework?
- So what if a server-side stack doesn’t already exist for your language/framework?
- So what if a server-side stack doesn’t already exist for your language/framework?
- First see whats required in the API Descriptor
- First see whats required in the API Descriptor
- First see whats required in the API Descriptor
- First see whats required in the API Descriptor
- First see whats required in the API Descriptor
- First see whats required in the API Descriptor
- First see whats required in the API Descriptor
- First see whats required in the API Descriptor
- So lets see how we can remote some methods and generate a descriptor like this