Flex与ASP.NET互操作系列6:Flex和.NET协同开发利器FluorineFx

8 篇文章 0 订阅
1 篇文章 0 订阅
在本系列前面几篇文章中分别介绍了通过WebService、HTTPService、URLLoader以及FielReference等组件或类来完成Flex与.NET服务端的通信的相关知识点。通过这些方式来完成与服务端的通信是非常方便和简单的,但有他的缺点就是通信数据量较小,如要传输大量的数据或是实现不同对象的序列化传输,它们则满足不了我们的需求,需要寻找另外一种通信协议,另一种高效的传输协议来代替SOAP协议传输的方案,那便是AMF(ActionScript Message Format)协议。

     开源项目FluorineFx就是专门针对.NET平台与Flex通信提供的AMF协议通信网关,我们可以通过FluorineFx很方便的完成与.NET的通信。

     FluorineFx官方提供了安装包的下载和在线文档,可以帮助我们有效的利用FluorineFx来开发。 

     FluroineFx官方网站:http://www.fluorinefx.com/    

     FluroineFx下载地址:http://www.fluorinefx.com/download.html

     FluroineFx在线文档:http://www.fluorinefx.com/docs/fluorine/index.html

     

     OK,下面我们来看看使用FluroineFx通信的.NET和Flex配置。开发环境选择如下:

     .NET:Microsoft Visual Studio 2008 + .NET Framework 3.5

     Flex:Adobe Flex Builder CS3 + Flex SDK 3.2

     FluroineFx:FluorineFx v1.0.0.15 (点击可下载)

 

 一、.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的代码定义:

完整的示例代码

 

本文示例截图:
     

 

学习Flex与ASP.NET通讯互操作系列精华文章:
Flex与ASP.NET互操作系列1:基于Socket的网络连接
http://www.xueit.com/html/2009-02/21_571_00.html
Flex与ASP.NET互操作系列2:基于WebService的数据访问(上)
http://www.xueit.com/html/2009-02/21_572_00.html
Flex与ASP.NET互操作系列3:基于WebService的数据访问(下)
http://www.xueit.com/html/2009-02/21_573_00.html
Flex与ASP.NET互操作系列4:使用HttpService、URLReqeust和URLLoader加载/传输数据
http://www.xueit.com/html/2009-02/21_574_00.html
Flex与ASP.NET互操作系列5:使用FileReference+HttpHandler实现文件上传/下载
http://www.xueit.com/html/2009-02/21_575_00.html
Flex与ASP.NET互操作系列6:Flex和.NET协同开发利器FluorineFx
http://www.xueit.com/html/2009-02/21_576_00.html
Flex与ASP.NET互操作系列7:了解FluorineFx的环境配置(远程对象、网关、通道、目的地)
http://www.xueit.com/html/2009-02/21_577_00.html
Flex与ASP.NET互操作系列8:使用FluorineFx网关实现远程访问
http://www.xueit.com/html/2009-02/21_578_00.html

 

上述文章转述自:在本系列前面几篇文章中分别介绍了通过WebService、HTTPService、URLLoader以及FielReference等组件或类来完成Flex与.NET服务端的通信的相关知识点。通过这些方式来完成与服务端的通信是非常方便和简单的,但有他的缺点就是通信数据量较小,如要传输大量的数据或是实现不同对象的序列化传输,它们则满足不了我们的需求,需要寻找另外一种通信协议,另一种高效的传输协议来代替SOAP协议传输的方案,那便是AMF(ActionScript Message Format)协议。

     开源项目FluorineFx就是专门针对.NET平台与Flex通信提供的AMF协议通信网关,我们可以通过FluorineFx很方便的完成与.NET的通信。

     FluorineFx官方提供了安装包的下载和在线文档,可以帮助我们有效的利用FluorineFx来开发。 

     FluroineFx官方网站:http://www.fluorinefx.com/    

     FluroineFx下载地址:http://www.fluorinefx.com/download.html

     FluroineFx在线文档:http://www.fluorinefx.com/docs/fluorine/index.html

     

     OK,下面我们来看看使用FluroineFx通信的.NET和Flex配置。开发环境选择如下:

     .NET:Microsoft Visual Studio 2008 + .NET Framework 3.5

     Flex:Adobe Flex Builder CS3 + Flex SDK 3.2

     FluroineFx:FluorineFx v1.0.0.15 (点击可下载)

 

 一、.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的代码定义:

完整的示例代码

 

本文示例截图:
     

 

学习Flex与ASP.NET通讯互操作系列精华文章:
Flex与ASP.NET互操作系列1:基于Socket的网络连接
http://www.xueit.com/html/2009-02/21_571_00.html
Flex与ASP.NET互操作系列2:基于WebService的数据访问(上)
http://www.xueit.com/html/2009-02/21_572_00.html
Flex与ASP.NET互操作系列3:基于WebService的数据访问(下)
http://www.xueit.com/html/2009-02/21_573_00.html
Flex与ASP.NET互操作系列4:使用HttpService、URLReqeust和URLLoader加载/传输数据
http://www.xueit.com/html/2009-02/21_574_00.html
Flex与ASP.NET互操作系列5:使用FileReference+HttpHandler实现文件上传/下载
http://www.xueit.com/html/2009-02/21_575_00.html
Flex与ASP.NET互操作系列6:Flex和.NET协同开发利器FluorineFx
http://www.xueit.com/html/2009-02/21_576_00.html
Flex与ASP.NET互操作系列7:了解FluorineFx的环境配置(远程对象、网关、通道、目的地)
http://www.xueit.com/html/2009-02/21_577_00.html
Flex与ASP.NET互操作系列8:使用FluorineFx网关实现远程访问
http://www.xueit.com/html/2009-02/21_578_00.html

 

上述文章转述自:http://www.xueit.com/html/2009-02/21_576_00.html



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值