Flash模块开发：加载、通信、数据传递与优化全解析

### Flash模块开发：加载、通信、数据传递与优化全解析 #### 1. 从不同服务器加载模块 在实际开发中，我们可能需要将模块存储在与部署应用程序不同的服务器上。这就涉及到如何安全地从不同服务器加载模块的问题。 ##### 1.1 问题与解决方案 - **问题**：希望将模块存储在与部署应用程序的服务器不同的服务器上。 - **解决方案**：使用`flash.system.Security`类在主应用程序SWF文件和加载的模块SWF文件之间建立信任。 ##### 1.2 详细步骤 1. **模块设置**：在远程服务器上的模块需要调用`Security.allowDomain()`方法，以允许与加载它的SWF文件进行交互。以下是一个示例模块： ```xml <mx:Module xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx" initialize="handleInitialization();"> <fx:Script> <![CDATA[ private function handleInitialization():void { Security.allowDomain( "appserver" ); } ]]> </fx:Script> <s:RichText width="100%" text="{loaderInfo.url}" /> </mx:Module> ``` 2. **跨域策略文件**：在远程服务器的根目录添加跨域策略文件`crossdomain.xml`，允许主应用程序SWF文件加载该模块。示例如下： ```xml <?xml version="1.0"?> <cross-domain-policy> <allow-access-from domain="appserver" to-ports="*" /> <site-control permitted-cross-domain-policies="all" /> </cross-domain-policy> ``` 3. **主应用程序设置**：主应用程序需要调用`Security.allowDomain()`方法并加载跨域策略文件。以下是示例代码： ```xml <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx" preinitialize="handlePreinitialize();"> <fx:Script> <![CDATA[ private function handlePreinitialize():void { Security.allowDomain( "moduleserver" ); Security.loadPolicyFile( "http://moduleserver/crossdomain.xml" ); var loader:URLLoader = new URLLoader(); loader.addEventListener( Event.COMPLETE, handleLoadComplete ); loader.load( new URLRequest( "http://moduleserver.crossdomain.xml" ) ); } private function handleLoadComplete( evt:Event ):void { moduleLoader.url = "http://moduleserver/modules/MyModule.swf"; } ]]> </fx:Script> <mx:ModuleLoader id="moduleLoader" /> </s:Application> ``` ##### 1.3 流程说明 ```mermaid graph TD; A[主应用程序] --> B[调用Security.allowDomain()方法]; B --> C[加载跨域策略文件]; C --> D[使用URLLoader加载跨域策略文件]; D --> E[加载完成后设置ModuleLoader的url属性]; F[远程服务器模块] --> G[调用Security.allowDomain()方法]; G --> H[等待主应用程序加载]; E --> I[主应用程序加载模块]; ``` #### 2. 与模块进行通信 在应用程序中，我们经常需要在父SWF和加载的模块之间访问和传递数据。 ##### 2.1 问题与解决方案 - **问题**：希望在父SWF和加载的模块之间访问和传递数据。 - **解决方案**：使用`mx.modules.ModuleLoader`的`child`属性和`mx.modules.IModuleInfo`实例的`factory`属性来监听事件、调用公共方法和访问公共属性。 ##### 2.2 详细步骤 1. **使用ModuleLoader访问模块数据**：可以将`ModuleLoader`的`child`属性转换为加载模块的类，从而访问模块的数据和方法。示例如下： ```xml <mx:Script> <![CDATA[ private var myModule:MyModule; private function handleModuleReady():void { myModule = moduleLoader.child as MyModule; myModule.doSomething(); } ]]> </mx:Script> <mx:ModuleLoader id="moduleLoader" url="MyModule.swf" ready="handleModuleReady();" /> ``` 2. **使用接口减少耦合**：为了减少模块和加载应用