Spring Actionscript at Devoxx
Download as PPTX, PDF3 likes1,067 views
Spring ActionScript is an IoC container for ActionScript 3 that allows for dependency injection and loose coupling between application components. It uses XML or MXML configuration to define objects and their dependencies. The speaker has 10 years of experience with Flash and founded Spring ActionScript and AS3Commons. The presentation demonstrated how to use the IoC container, configure objects and properties, implement MVC architecture with operations and events, and autowire dependencies between classes. A demo application was shown to illustrate these concepts in practice.
![Autowiring(2/2)Annotate a propertywith [Autowired]classUserController { [Autowired] public var userRepository:IUserRepository;}[Autowired(name=“myObject“, property=“prop”)]](https://image.slidesharecdn.com/spring-actionscript-091119143443-phpapp01/85/Spring-Actionscript-at-Devoxx-32-320.jpg)
Spring Actionscript at Devoxx
- 1. Spring ActionScriptbyChristopheHerremanFlex Consultant at Boulevart
- 2. Overall presentationIntroduction to Spring ActionScript:whatit does andhowyou benefit fromusingit
- 3. AgendaWhat is Spring ActionScriptThe IoC containerConfigurationMVC ArchitectureDemoQ&A
- 4. Speaker’squalificationsCertifiedAdobeFlex & AIR expert10 yearsplayingwith Flash technologyFounder and leaddeveloper of AS3Commons & Spring ActionScriptTech reviewerforFoED/Apress
- 5. What is Spring ActionScript(1/2)Inversion of Control (IoC) forActionScript 3.0Flash/Flex/AIR/Pure AS3IoC containerMVC?
- 6. What is Spring ActionScript(2/2)Started as anin-houselibraryFormerlyknown as the PranaframeworkIncubated as a Spring Extension projectUpcoming release 0.9AS3Commons: Lang, Logging, Reflect, …
- 7. The IoC Container (1/3)= Object FactoryCreates and assembles objectsCentralizeddependency managementSpring AS: configuration via XML or MXML
- 8. The IoC Container (2/3)Object (bean): object managed and/orcreatedby the containerObject Factory: factorythatcreates and managesobjectsfactory.getObject(“myObject”)Object Definition: blueprintforan objectApplication Context: smarter Object Factory
- 9. The IoC Container (3/3)Object ScopesSingleton: onlyoneinstance in the containerNotlinked to the Singleton Design PatternThe default scopefactory.getObject(“obj”) == factory.getObject(“obj”)Prototype: newinstancecreatedoneachrequestfactory.getObject(“obj”) != factory.getObject(“obj”)
- 10. Configuration(1/9)MXML Configuration// AppContext.mxml file, compiledinto the application<Objects> <app:ApplicationModelid=“appModel” /> <app:ApplicationControllerid=“appController” applicationModel=“{appModel}”/></Objects>
- 11. Configuration(2/9)MXML Configuration: loadingvarcontext:MXMLApplicationContext = newMXMLApplicationContext();context.addConfig(AppContext);context.addEventListener(Event.COMPLETE, context_completeHandler);context.load();function context_completeHandler(event:Event):void {varappModel:ApplicationModel = context.getObject(“appModel”);varappController:ApplicationController = context.getObject(“appController”);}
- 12. Configuration(3/9)MXML Configuration: alternativeapproach// AppContext.mxml file, compiledinto the application<Objects> <Object id=“appModel” clazz=“{ApplicationModel}”/> <Object id=“appController” clazz=“{ApplicationController}”> <Property name=“applicationModel” ref=“appModel”/> </Object></objects>
- 13. Configuration(4/9)MXML Configuration: prosEditor supportSimple to use
- 14. Configuration(5/9)MXML Configuration: consCompiledinto the applicationExplicitdeclaration: limited to singletons, noexternalreferences, no prototypes -> use Spring AS MXML dialect
- 15. Configuration(6/9)XML Configuration// externalcontext.xml, loadedonapplicationstartup<objects> <object id=“appModel” class=“com.domain.app.ApplicationModel”/> <object id=“appController” class=“com.domain.app.ApplicationController”> <property name=“applicationModel” ref=“appModel”/> </object></objects>
- 16. Configuration(7/9)XML Configuration: loadingvarcontext:XMLApplicationContext = newXMLApplicationContext();context.addConfigLocation(“context.xml”);context.addEventListener(Event.COMPLETE, context_completeHandler);context.load();function context_completeHandler(event:Event):void { var appModel:ApplicationModel = context.getObject(“appModel”); var appController:ApplicationController = context.getObject(“appController”);}
- 17. Configuration(8/9)XML Configuration: prosRicher dialect than MXML configUsablefornon-FlexprojectsNo need to recompile (in some cases)Familiar to Spring Java users
- 18. Configuration(9/9)XML Configuration: consClasses need to becompiledinto the app, noclassloading (!)No editor support, only XSD
- 19. MVC Architecture(1/2)No realprescriptivearchitectureDo youreallyneedone?Rollyourownbecauseone does NOT fit allMany MVC architectures out there:Cairngorm, PureMVC, Mate, …… Spring AS wants to support them
- 20. MVC Architecture(2/2)Spring AS MVC ingredientsOperation API Event BusAutowiringRecommendationsPresentation Model (Fowler)LayeredArchitecture (DDD – Evans)
- 21. The Operation API (1/7)Asynchronousbehavior in Flash Player: loadingexternal resources, RMI, sqlite, Webservices, HTTPServices, …No threading APIMany different APIs: AsyncToken, Responders, Callbacks, Events… we need a unifiedapproach!
- 22. The Operation API (2/7)Problem: a user repository (or service)interface IUserRepository {functiongetUser(id:int): ???}What does the getUsermethod return? AsyncToken (Flex/RemoteObject), User (In memory), void (events)
- 23. The Operation API (3/7)Spring AS solution: return a IOperationinterface IUserRepository {functiongetUser(id:int):IOperation;}Cannowbeused in anyActionScript 3 context and easilymockedfortesting
- 24. The Operation API (4/7)In Spring AS, an “operation” is used to indicateanasynchronousexecutionIOperation interface with “complete” and “error” eventsIProgressOperationwith “progress” eventOperationQueuebundlesoperations (a compositeoperation)
- 25. The Operation API (5/7)Defininganoperation:publicclassGetUserOperationextendsAbstractOperation {functionGetUserOperation(remoteObject:RemoteObject, id:String) {vartoken:AsyncToken = remoteObject.getUser(id);token.addResponder(newResponder(resultHandler, faultHandler)); } private functionresultHandler(event:ResultEvent):void {dispatchCompleteEvent(User(event.result)); } private functionfaultHandler(event:FaultEvent):void {dispatchErrorEvent(event.fault); }}
- 26. The Operation API (6/7)Usage:varoperation:IOperation = newGetUserOperation(remoteObject, 13);operation.addCompleteListener(function(event:OperationEvent):void {varuser:User = event.result;});operation.addErrorListener(function(event:OperationEvent):void {Alert.show(event.error, “Error”);});
- 27. The Operation API (7/7)A progressoperation:varoperation:IOperation = newSomeProgressOperation(param1, param2);operation.addCompleteListener(function(event:OperationEvent):void {});operation.addErrorListener(function(event:OperationEvent):void {});operation.addProgressListener(function(event:OperationEvent):void { var op:IProgressOperation = IProgressOperation(event.operation);trace(“Progress:” + op.progress + “, total: “ + op.total);});
- 28. The Event Bus (1/3)Publish/subscribeevent systemUsedforglobalapplicationeventsPromotesloosecouplingWorks withstandard Flash Events
- 29. The Event Bus (2/3)Listening/subscribing to events:// listen for all eventsEventBus.addListener(listener:IEventBusListener);functiononEvent(event:Event):void {}// listen forspecificeventsEventBus.addEventListener(“anEvent”, handler);functionhandler(event:Event):void {}
- 30. The Event Bus (3/3)Dispatching/publishingevents:// dispatchstandardeventEventBus.dispatchEvent(newEvent(“someEvent”));// dispatchcustomeventclassUserEventextendsEvent { ... }EventBus.dispatchEvent(newUserEvent(UserEvent.DELETE, user));
- 31. Autowiring(1/2)Auto DependencyInjection via metadataAutowireby type, name, constructor, autodetectWorks forobjectsmanagedby the container and for view componentsBe careful: magic happens, noexplicitconfiguration
- 32. Autowiring(2/2)Annotate a propertywith [Autowired]classUserController { [Autowired] public var userRepository:IUserRepository;}[Autowired(name=“myObject“, property=“prop”)]
- 33. SummaryDependency ManagementLoosecoupling, type to interfacesUsewithotherframeworksSpring mentality: provide choicePromote best practices