zoukankan      html  css  js  c++  java
  • Flex与ASP.NET通过Remoting方式进行通讯

    前两天研究了一下Flex与.NET如何进行数据交互,并写了一个文档,后面叙述得还不是很详细,还可以再研 究深一点。本文是关于Flex与ASP.NET通过Remoting方式进行通讯的内容,过段时间有空还会把其它的通讯方式也描述一下,顺便也会把 Flex3与FluorineFx数据类型转换这方面的内容讲一下,都是通过在网上找资料和自己研究所总结出来的,应该说讲得还是很浅,毕竟学得还不深, 继续努力学习!

    一、软件:

    1 Flex 平台: Adobe Flex Builder 3

    2 .Net 平台: Visual Studio .Net 2008

    3 Remoting 网关: Fluorine

    4 、第三方组件: RemoteObjectAMF0

     

    二、介绍:

    1 Fluorine 是一种开源的 AMF(ActionScript Messaging Formatter) 网关,专门负责 Flex3.0 .Net 交互时的数据类型转换。 Fluorine 现支持 ActionScript 2.0 ActionScript 3.0 ,所以 Fluorine 也可作为 Flash .Net 交互时的 AMF 网关。

    2 RemoteObjectAMF0 组件是一种基于 MXML 的第三方组件,用于连接 AMF 网关。

    3 、好处:

    1 )交互时数据类型的自动转换。因为 Flex .NET 的数据类型是不同的,例如 Flex Date .NET 中的 DateTime 类型。这样就导致 Flex .NET 进行数据交互过程中必须进行数据类型的转换。这种数据类型的转换我们可以自己通过编写相关的代码来实现,例如在 Flex .NET 中编写一个实体类对其取得的数据进行类型转换。而利用 Fluorine 这种网关来实现数据交互的话,它能够实现 .NET Flex 中的数据类型的自动对应转换,这样从一定程度上就减轻了我们对其数据类型处理的烦恼。

    2 )交互效率的提高:利用网关进行数据交互的话,它使得 Flex 能够直接与 .Net 的数据处理类进行通信,而不必像再通过另一层中间数据交互层来实现,从一定程度上它的交互效率会提高很多。

    3 )这是一个开源的网关。

     

     

    三、基本配置

    1 、服务器端的搭建:

    1 )安装 FluorineFx ,安装完后在目录中会有“ Source ”及“ Samples ”两个文件夹,“ Samples ”文件夹中包含了一些在 VS.Net 环境中使用 Fluorine 的例子。“ Source ”文件夹中包含了有关 Fluorine 的源代码。(代码未具体去研究)

    2 )安装好 Fluorine 之后,系统自动在 VS.Net 2008 新建网站中增加一个模板: FluorineFx ASP.NET Web Application 。选择该模板,创建一个 .NET 网站。

     

                                                                                   图 3.1

    a) 打开 Visual Studio 2008 ,分别选择 文件 -> 新建 -> 网站
        b)
    选择已安装模板 “FluorineFx ASP.NET Web Application”

    c) 运行项目,获取 .NET 自带服务器生成的端口,及网址,本项目中是 http://localhost:4166/FluorineTest/

    3 )利用 VS 的模板进行创建后,系统会自动加载一些引用,以及创建相关文件,并进行简单配置。创建完后的项目结构如图所示:

     

     

    3.2

    Bin ”中的 Dll 就是用 Fluorine 的源文件所生成的程序集,“ Templates ”是一些模板。“ WEB-INF/flex ”中包含了 XML 都是些配置文件。“ Gateway.aspx ”是个空页面,其网页地址就是 Fluorine 的网关地址。

    2 、客户端的配置:

       客户端的配置有三种方法,一种是通过向导来设置参数,从而创建 Flex ;另一种是通过指定 services-config.xml 配置文件来设置;第三种是利用第三方组件 RemoteObjectAMF0 来连接,这种方式就不用再去配置 services-config.xml 。(推荐用第三种方法)

      1 )向导设置方法:

    步骤 1. 新建 Flex 工程。选择 ColdFusion Flash Remoting 。如图 3.3

     

    步骤 2. 配置服务器。 Deployed to J2EE server 。如图 3.4

     

    2 services-config.xml 配置文件来设置

      修改工程的属性,如图 3.5

     

    修改“ Additional compiler arguments ”,设置 services-config.xml 配置文件的路径,可以指向刚才建立的 VS.Net 项目中的“ WEB-INF/flex” 中的 services-config.xml 路径。也可以将 services-config.xml 这个文件拷贝到调用文件的同级目录中,然后如上面所设。

      3 )利用第三方组件 RemoteObjectAMF0 来连接,这种方法讲到时再进行介绍。

     

    四、通信过程

    1 、在 VS.Net 中编写数据处理类 HelloWorld.cs 文件(可以新建一个 FluorineFx ServiceLibrary 类库文件,将所有的数据处理类放到库中上,然后在网站中调用此类库,这里就不创建了)。 HelloWorld.cs 文件的代码如下所示:

    using System;

    using System.Data;

    using System.Configuration;

    using System.Web;

    using System.Web.Security;

    using System.Web.UI;

    using System.Web.UI.HtmlControls;

    using System.Web.UI.WebControls;

    using System.Web.UI.WebControls.WebParts;

    using FluorineFx;

     

    namespace FluorineHelloWorld

    {

        /// <summary>

        /// HelloWorld 的摘要说明

        /// </summary>

        [RemotingService ()]

        public class HelloWorld

        {

            public HelloWorld()

            {

                //

                //TODO: 在此处添加构造函数逻辑

                //

            }

            public string FromFluorine(string userName)

            {

                return " 您好," + userName + "! 此消息来自Fluorine Flash Remoting(http://www.my400800.cn )" ;

            }

        }

    }

     

    RemotingService 属性并不是必需的,不过使用该属性,在配置了服务浏览器的 Web 应用上可以通过 Console.aspx 查看远程服务类文件,以及调用该服务的 ActionScrip 。例如可以在上页类文件中设置断点,然后将 Console.aspx 设置为起始页,启动项目。页面会跳转到 Fluorine.aspx 页面,当调用 FromFluorine() 函数时,就会中断。下图是对函数所进行的调用结果。

     

    4.1

    2 、配置 Flex 工程中的 services-config.xml 。主要是设置这个 endpoint 属性。让其指向之前得到的网关地址,另外就是设置了“ destination ”。

    <?xml version="1.0" encoding="UTF-8"?>

    <services-config>

        <services>

            <service id="remoting-service"

                     class="flex.messaging.services.RemotingService"

                     messageTypes="flex.messaging.messages.RemotingMessage">

                <destination id="fluorine">

                     <channels>

                        <channel ref="my-amf"/>

                    </channels>

                    <properties>

                        <source>*</source>

                    </properties>

                </destination>

            </service>

        </services>

        <channels>

            <channel-definition id="my-amf" class="mx.messaging.channels.AMFChannel">

                <endpoint uri="http://localhost:4166/FluorineTest/Gateway.aspx"

                  class="flex.messaging.endpoints.AMFEndpoint"/>

            </channel-definition>

        </channels>

    </services-config>

     

    3 、如下创建一个 MXML 文件。

    <?xml version="1.0" encoding="utf-8"?>

    <mx:Application xmlns:mx=" http://www.adobe.com/2006/mxml " layout=" absolute " >

        <mx:Script>

            <![CDATA[

                import mx.rpc.events.FaultEvent;

                import mx.rpc.events.ResultEvent;

                 import mx.controls.Alert;

           

            public function clickBtnHelloWorld(): void {

                 sampleRemoteObject.FromFluorine( this .txtHelloWorld.text);

            }

                public function RemoteResult(re:ResultEvent): void

                {

                     var str:String = re.result as String;

                    Alert.show(str); 

                }

           

                public function RemoteFault(re:FaultEvent): void

                {

                    Alert.show( "Message:" + re.fault.faultString, " 出错 " );

                 }          

            ]]>

        </mx:Script>

     

        <!-- 这里 Source 对应 .NET 类,前面是命名空间,后面是类名 source = 命名空间 . 类名 -->

        <mx:RemoteObject

            id=" sampleRemoteObject "

            destination=" fluorine "

            source=" FluorineHelloWorld.HelloWorld "

            showBusyCursor=" true " >

           

            <!-- 这里是 .NET 中的方法, name = 方法名 -->

            <mx:method name=" FromFluorine " result="RemoteResult(event)" fault="RemoteFault(event)" />        

        </mx:RemoteObject>

        <mx:Panel horizontalAlign=" center " verticalAlign=" middle " width=" 250 " height=" 200 " layout=" absolute " >

            <mx:TextInput x=" 35 " y=" 10 " id=" txtHelloWorld " />

            <mx:Button x=" 82.5 " y=" 40 " label=" 调用 " id=" btnHelloWorld " click="clickBtnHelloWorld()" />

        </mx:Panel>

    </mx:Application>

     

    这里创建了一个 RemoteObject 对象,并设置了其 id 属性,“ destination ”指向 services-config.xml 中的“ destination ”的 id source 对应 VS.Net 类,前面 FluorineHelloWorld 是命名空间,后面 HelloWorld 是类名。“ showBusyCursor ”是指在交互时鼠标的状态是否为设置为繁忙。

    RemoteObject 中创建了一个 method 方法,“ name ”属性跟所要调用的 VS.Net 类中的函数名相同,“ result ”设置返回结果后的处理事件,“ fault ”设置交互过程中出错后的处理事件

    4 、运行 Flex ,结果如下:

     

    4.2

    4.3

     

    五、使用 RemoteObjectAMF0 来连接 fluorine 网关

    1 、上面连接网关是利用了 Flex 自带的 RemoteObject 组件来实现,利用这个组件来实现的话,需要在创建项目时对项目进行配置,或者利用配置文档进行配置,这些在上面已经做了详细的介绍。现在介绍的是利用 RemoteObjectAMF0 组件来实现。这个组件是一种基于 MXML 的第三方组件,用于连接 AMF 网关,同时它是一个开源的组件。

    2 、下载 RemoteObjectAMF0 后解压,在“ src ”文件夹中就可以看到关于该组件的源代码,它基本上是对 flex 中的 RemoteObject 组件进行的重写。可以将“ src ”文件夹中的“ com ”文件夹全部拷贝到 flex 的工程中,也可以将其编译成库文件再引用到 Flex 工程中。

    3 、这时将“ com ”文件夹拷贝到了工程中。要使用该组件,默认情况下,要在 MXML 文件中的“ Applications ”标签中加入命名空间“ xmlns:renaun="com.renaun.rpc.*" ”。

    4 RomoteObjectAMF0 组件的定义语法如下所示:

    <renaun:RemoteObjectAMF0 endpoint=" http://localhost:4166/FluorineTest/Gateway.aspx " id=" sampleRemoteObject " source=" FluorineHelloWorld.HelloWorld " showBusyCursor=" true " >

        <renaun:methods>

           <renaun:method name=" FromFluorine " result=" RemoteResult(event) " fault=" RemoteFault(event) " />

        </renaun:methods>

    </renaun:RemoteObjectAMF0>

     

    RemoteObjectAMF0 组件的“ endpoint ”属性指明 AMF 网关地址,“ source ”属性指明类的名称空间, < 名称空间 :method> 组件的 name 属性指向类中的方法,必须与类中的定义相同, result 事件处理返回的数据。

    5 RemoteObjectAMF0 的调用方法跟上面讲 RemoteObject 时差不多,比如都可以通过 sampleRemoteObject.FromFluorine( this .txtHelloWorld.text); 去调用 .NET 中的 FromFluorine () 方法。

  • 相关阅读:
    软件测试学习-计算机基础知识
    《剑指offer》— JavaScript(4)重建二叉树
    《剑指offer》— JavaScript(3)从尾到头打印链表
    《剑指offer》— JavaScript(1)二维数组中的查找
    《剑指offer》— JavaScript(2)替换空格
    React学习笔记
    dislpay:flex布局
    JavaScript异步编程的方法
    test of CMSoft
    全局对象和全局函数
  • 原文地址:https://www.cnblogs.com/jishu/p/1940102.html
Copyright © 2011-2022 走看看