Flex与ASP.NET通过Remoting方式进行通讯
一、软件:
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";
}
}
}
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()方法。
来自:http://www.cnblogs.com/sailrui/archive/2008/08/23/1274802.html
Flex与ASP.NET通过Remoting方式进行通讯相关推荐
- [原创]Flex 与 Asp.Net 通过 Remoting 方式进行通讯 (三)
版权由http://xingfustar.cnblogs.com/所有,转载请注明出处,XingFuStar 2007年12月14日 五.复杂数据类型的通讯(http://xingfustar.cnb ...
- Flex与ASP.NET通过Remoting方式交互说明文档
本文是关于Flex与ASP.NET通过Remoting方式进行通讯的内容, 本文将通过一个示例来介绍Flex与ASP进行数据交互的服务端和客户端所需的配置情况,以及二者通信的过程. 1. 软件 1.F ...
- Flex与ASP.NET的Remoting和Fluorine及RemoteObjectAMF0
FluorineFx下载安装: 开源项目 FluorineFx就是专门针对.NET平台与Flex通信提供的AMF协议通信网关,我们可以通过 FluorineFx很方便的完成与.NET的通信. Fluo ...
- [原创]flex 3 + .net开发flash Remoting一 --- 开发环境
flex 3 + .net开发flash Remoting一 --- 开发环境 本篇文章将介绍flash Remoting 开发的必备的运行环境和相关配置过程: 一.开发必备环境. 1. fl ...
- asp.net使用post方式action到另一个页面,在另一个页面接受form表单的值!(报错,已解决!)...
asp.net使用post方式action到另一个页面,在另一个页面接受form表单的值!(报错,已解决!) 原文:asp.net使用post方式action到另一个页面,在另一个页面接受form表单 ...
- flex结合asp.net上传深入详细解说(转载)
flex结合asp.net上传深入详细解说 Flex/Flash, Flex2, Flex3 GgNET 01月 23rd. 2008, 10:41am Flex(或者说AS3.0, 下同) 结合 A ...
- css flex 文字右对齐,css flex align-items属性 交叉轴上对齐方式垂直对齐方式
css flex align-items属性 交叉轴上对齐方式垂直对齐方式 css flex align-items属性子元素在交叉轴上对齐方式,如果不好理解,可以把flex-direction设置为 ...
- 串口转换器的工作方式及通讯模式介绍
串口转换器能让您在配有RS-232的系统上使用RS-422及RS-485.它透明地将RS-232信号转成隔离的RS-422或RS-485信号.对此,您无需改变PC机任何的硬件或软件就能让您利用标准的P ...
- Flex+fluorineFx +ASP.NET开发的IIS部署
我使用asp.net做的,然后部署到iis上 先按照我前面的IIS配置好IIS: 首先注意的是,创建flex项目时选择 Application server type: ASP.NET,具体配置如下图 ...
最新文章
- jaccard相似度_Jaccard与cosine文本相似度的异同
- python声明编码格式_使用python将doc文件转为utf8编码格式的txt
- 498. 对角线遍历
- 安装 sql server 2005 com+ 目录要求警告 解决方案
- post修改服务器数据源,postgresql安装及配置超详细教程
- 最重要的7个Drupal内核模板文件
- python用线性回归预测股票价格
- Bootstrap3 模态对话框的调用方式
- 华硕笔记本r414u怎么安装键盘_华硕笔记本键盘灯怎么开
- 如果有因果报应和轮回,又是怎么管理的?
- oracle 同时更新多表,在Oracle数据库中同时更新两张表的简单方法
- 粘贴PDF,删除空行
- objects365数据集下载
- 股票指标php源码,股票软件通达信精品指标公式-MACD转折点指标源码
- java 手写签名_无纸化办公中手写签名的实现
- 程设课终章:c++使用socket实现bmp图片的传输
- Linux普通用户执行root权限脚本且没有读写权限
- sql服务器显示空白,sql服务器空白
- 回收站清空数据恢复步骤如何
- 某易—将军令动态刨析算法(1)
热门文章
- 查看回调几个选项含义_C 盘总是莫名变大?更改这个文件位置至少腾出几个 G !...
- Specification使用notin
- oracle 序列号同步,关于序列同步的问题
- matlab怎么跑.cpp程序,MATLAB编译cpp文件
- sm4 前后端 加密_这7个开源的Spring Boot前后端分离项目整理给你
- 什么样的文献有html阅读,有关html的参考文献
- 鸿蒙os整体战略发布会,就在明天,华为将发布“鸿蒙OS”整体战略,能否用于手机?...
- java判断栈空_java中栈的应用-判断分隔符是否合理
- div横排 html_html中两个DIV怎么横排靠齐?
- matlab 互信息函数,MATLAB 互信息函数