2010-10-29
FluorineFx官方提供了安装包的下载和在线文档,可以帮助我们有效的利用FluorineFx来开发。 FluroineFx官方网站:http://www.fluorinefx.com/ FluroineFx下载地址:http://www.fluorinefx.com/download.html FluroineFx在线文档:http://www.fluorinefx.com/docs/fluorine/index.html 一、.NET服务端的开发 通过Microsoft Visual Studio 2008 创建创建解决方案,并添加FluroineFx服务器库,如下图示: FluorineFx服务库添加成功后会发现,项目模板会自动为我们创建一个Sample类和一个Echo方法,如下:
1
namespace
FlexDotNet.ServiceLibrary
2 { 3 /// <summary> 4 /// Fluorine sample service. 5 /// </summary> 6 [RemotingService( " Fluorine sample service " )] 7 public class Sample 8 { 9 public Sample() 10 { 11 } 12 13 public string Echo( string text) 14 { 15 return " Gateway echo: " + text; 16 } 17 } 18 }
接着添加FluorineFx 网站到解决方案,添加成功后网站会自动引用FluorineFx服务库的dll。如下图: 到这里我们可以简单的测试FluorineFx的.NET服务端是否成功创建。通过在浏览器中查看FluroineFx网站中的Console.aspx或是将网站设置为启动项目并设置Console.aspx为启始页运行网站都可以,程序便会运行到FluorineFx的控制台,展开左边项目的Services节点便会看到上面模板为我们创建的类和方法,点击方法节点在右边就可以进行简单的测试了,如下图示:
OK,到这里.NET的服务器端就开发完成了,这里我们需要记住几点,在接下来的Flex开发中需要根据这些参数来进行配置。 FluorineFx的.NET网站目录:F:/Demo/FlexDotNet/Web FluorineFx的.NET网站虚拟目录:/Web FluorineFx的.NET网站URL:http://localhost:2836/Web 接受Flex客户端请求的URL:http://localhost:2836/Web/Gateway.aspx 有了上面这些东西配置Flex就简单了,首先创建Flex项目,并将项目路径指向前建立的FluorineFx网站的根路径: 如上图,将Application type设置为:Web application,Application Server type设置为:ASP.NET,然后“Next”。进入下一个创建项目向导界面,将Server设置为:"Use Internet Information Services (IIS)",Web Application root同样指向FluorineFx网站的根路径,Web Appliation URL则设置为上面我们获取到的路径便OK,详细见下图: 按照上面步骤配置好后通过点击“Validate Configuration”进行配置验证,如过验证结果是: The web application root and the URL are valid.则代表配置正确,可以直接点下一步只到完成项目的创建。 Flex项目创建完毕,下面在通过一些相应的配置就可以通过FluorineFx和.NET通信了。开发项目属性设置面板,设置其Flex Compiler为下图所示(-services的配置也可以设置为相对路径): 设置Flex Server为如下配置,可以点“Validate Location”验证设置的正确性: 最后设置输出路径就完成了Flex端的配置了:
到这里Flex端的配置就全部完成,下面我们通过FluorineFx库模板为我们生成的Sample为例来测试下该环境是否可以通过,在Flex的mxml文件下通过<mx:RemoteObject>标签来访问远程对象,详细如下:
1
<
mx:RemoteObject id
=
"
service
"
destination
=
"
fluorine
"
2 source = " FlexDotNet.ServiceLibrary.Sample " > 3 < mx:method name = " Echo " result = " onResult(event) " > 4 </ mx:method > 5 </ mx:RemoteObject >
这里需要注意的是destination需要设置为与remoting-config.xml中的destination的id一致,source则配置为远程对象的全路径(名称空间+类),通过<mx:method>标签配置远程对象下的方法并设置其成功调用后的结果处理函数,下面便可通过id去调用远程方法了。
1
<
mx:Script
>
2 <! [CDATA[ 3 import mx.rpc.events.ResultEvent; 4 internal function onClick(): void 5 { 6 service.Echo(txtInput.text); 7 } 8 9 internal function onResult(evt:ResultEvent): void 10 { 11 txtResult.text = evt.result.toString(); 12 } 13 ]] > 14 < / mx:Script>
下面是完整的Flex客户端mxml的代码定义:
完整的示例代码
本文示例截图: |