Flex数据交互之Remoting

Flex数据交互之Remoting

　　一　　前言

　　Flex数据交互常用的有三种方式：WebService、HttpService以及Remoting。

　　WebService方式已在这篇文章中给出，这篇文章主要讲解以Remoting进行数据交互，Remoting是基于AMF的数据交互，速度以及性能较WebService好，是公认最有效率的方法。

　　二　　FluorineFX

　　FluorineFx是一个开源库，提供了一种在.NET Framework下对Flex/Flash的远程调用过程。FluorineFx官网地址在这，FluorineFx可以在这下载。　

　　　

　　下载安装后，会在vs2008在自动增加两处模板：FluorineFx ServicesLibrary与FluorineFx ASP.NET Web Site。

　　             

　　接下来演示如何利用FluorineFx进行Flex与ASP.NET数据交互。

　　三　　ASP.NET服务器开发

　　（1）新建FluorineFx ServicesLibrary类库，如下图：

　　

　　（2）在刚才建立的解决方案FlexRemotingDemo中，添加FluorineFx ASP.NET Web Site网站，如下图：

　　

　　该网站会自动引入FlexRemotingDemo.dll：

　　

　　在类库FlexRemotingDemo的Sample.cs文件中可以添加自己的函数：　　

 /// <summary>
 /// 获得监测站信息（14个监测站）
 /// </summary>
 /// <returns></returns>
  public string getStationInfo()
  {
            string json = "";
            DataTable dt = new DataTable();
            dt = helper.GetStationInfo();
            if (dt != null)
            {
                json = ConverTableToJSON(dt);
            }

            return json;
     }

　　将网站发布到IIS下：运行即可看到结果：

　　

　　（3）修改WEB-INF\flex下的services-config.xml配置文件：　　

<channels>
       <channel-definition id= "my-amf"  class = "mx.messaging.channels.AMFChannel" >
           <endpoint uri= "<strong><span style=" color: #ff0000; ">http://localhost/FlexRemotingDemo/Gateway.aspx</span></strong>"  class = "flex.messaging.endpoints.AMFEndpoint" />
           <properties>
               <!-- <legacy-collection> true </legacy-collection> -->
           </properties>
       </channel-definition>
       <!--
       <channel-definition id= "my-rtmp"  class = "mx.messaging.channels.RTMPChannel" >
           <endpoint uri= "rtmp://{server.name}:2037"  class = "flex.messaging.endpoints.RTMPEndpoint" />
           <properties>
               <idle-timeout-minutes>20</idle-timeout-minutes>
           </properties>
       </channel-definition>
       -->
   </channels>

　　四　　Flex客户端开发

　　（1）新建Flex项目：

　　

　　（2）配置Flex项目FlexRemotingDemo：

　　

　　（3）编写程序代码：

<?xml version="1.0" encoding="utf-8"?>
<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" minWidth="955" minHeight="600">

    <fx:Declarations>
        <mx:RemoteObject id="RO" destination="fluorine" source="ServiceLibraryDemo.Sample">
            <mx:method name="getStationInfo" result="onResult(event)"/>
        </mx:RemoteObject>
    </fx:Declarations>
    
    <fx:Script>
        <![CDATA[
            import mx.events.FlexEvent;
            import mx.rpc.AbstractOperation;
            import mx.rpc.events.ResultEvent;

　　　　　　　protected function btn1_clickHandler(event:MouseEvent):void
            {   
                RO.getStationInfo();
            }
            
            public function onResult(evt:ResultEvent):void{
                txt1.text=evt.result.toString();
            }
        
            
        ]]>
    </fx:Script>
    
    <s:Button id="btn1" label="获得14个监测站信息" x="630" y="50" click="btn1_clickHandler(event)"/>
    <s:TextArea id="txt1" x="20" y="40" width="600" />

</s:Application>

　　运行结果如下：

　　

　　五　　源码下载

　　源码在这下载。