分享
 
 
 

SOAP+Flash 更友好的Web应用程序

王朝other·作者佚名  2008-06-01
窄屏简体版  字體: |||超大  

利用Flash5的xml能力,用SOAP进行通讯,可以创建Flash界面Web应用程序。SOAP(Simple Object access PRotocal)是通过网络平台在不同的系统间交换数据的方法。SOAP使用XML文档,通过类似于HTTP的协议处理网页的请求和和回应动作。

由微软的.NET和Apache SOAP看来,SOAP是用来在不同的系统间交换数据协议中是最方便的一种。

这篇文章中,你可以看到怎样建立一个基于Flash的计算器,并利用SOAP进行远程过程调用(RPC)在服务器上建立简单的计算程序。

要完成这个例子,你需要安装了Flash5,微软的SOAP Toolkit2.0 SP2,Visual Basic,Windows NT/2000 server和IIS。

本程序需要建立服务器应用程序和监听器,用来处理所有收到的SOAP请求。这个程序使用了微软的asp监听器和SOAPCalc ActiveX DLL,这些都可以在微软的SOAP Tookit中找到。

另外,还需要一个封装了SOAP的Flash组件,这个免费的组件可以在http://software.mrev.com/soap.asp下载到。

都预备好了之后,让我们开始吧。

第一步:建立ASP监听器

在服务器端,需要对进入的SOAP请求进行操作。可以使用ASP文件来处理这些请求。首先,在IIS中建立一个新的目录或是虚拟目录,并命名为SOAPCalc。在这个目录中,建立一个新的ASP文件,并命名为“default.asp”

输入以下代码:

<%@language=vbscript%>

<%

Set CalcSrv = Server.CreateObject("SOAPCalc.CalcSrv")

CalcSrv.Process Request, Response

%>

这个ASP页面接收从Flash中发送来的SOAP XML请求,并把Request和Response对象传递给CalcServ组件

图1

CalcSrv从数据流中读入并解析SOAP请求,完成所需要的计算。并且把ASP的Response对象通过SOAP送到客户端。

图2

客户端的Flash应用程序读取了返回数据,刷新计算器的显示。

第二步:建立服务器端计算器组件

下一步,建立服务器端的用来完成计算操作的组件。打开Visual Basic 6,建立一个新的ActiveX DLL工程。

这个组件和SOAP Toolkit中的“Using a Low Level API for SOAP Messages”这个例子程序是相同的,但是我们把工程的名字改成了SOAPCalc。假如你没有安装Visual Basic,也可以直接下载编译过的CalcServ安装程序(见参考)。安装程序将复制并注册所有需要的文件。本文后面的zip包中有这个例子的VB代码,以及编译好的DLL文件。

这个演示程序通过SOAP reader对象读取进入的请求。然后,它将检查请求中的SOAP封装是否包含叫做<Add><SuBTract>, <Multiply> 或 <Divide>的节点,以及两个子节点<A>和<B>。假如找到了,它将处理请求,并且通过serializer返回SOAP消息和ASP的Response对象。

因为Flash的XML解析器不能处理XML标记的名称空间,所以,需要使用单一的结构。

一般的SOAP主体是这样的:

<SOAPSDK1:AddResponse xmlns:SOAPSDK1="uri:Calc">

<SOAPSDK1:Answer>12</SOAPSDK1:Answer>

</SOAPSDK1:Response>

但是,由于前述的理由,我们不能直接使用这样的结构。而应该用下面这样Flash支持的语法形式。这种形式包容了同样的数据,只是没有SOAPSDK的名字空间和标记前缀而已。

<AddResponse>

<Answer>12</Answer>

</AddResponse>

做这些改变,首先应该从这个模块的代码前端的声明部分去掉下面这行:

Const CALC_NS = "uri:Calc"

然后,要告诉SOAP Serializer不使用特定的名字空间。把这段代码:

...

Serializer.startBody

Serializer.startElement MethodName & "Response", CALC_NS

Serializer.startElement "Answer", CALC_NS

...

修改成这样:

...

Serializer.startBody

Serializer.startElement MethodName & "Response"

Serializer.startElement "Answer"

...

好了,现在可以编译DLL了。然后IIS服务器上注册它。(在控制台或是run对话框中使用regsvr32.exe命令,形式是:regsvr32 DLL所在路径\DLL文件名)

第三步:建立Flash界面

前面的两个步骤完成后,就我们继续建立客户端的Flash界面。

首先,在Flash中建立一个简单的计算器界面。这个界面和普通的数字计算器很相似--用户在键盘上输入数值和计算方法,计算器显示出计算结果。为了能够进行计算,在Flash中需要有一些全局变量来存放数值和计算方法。当用户点击计算器的按钮时,更新这些变量的值。我们用三个root-level变量存放了这些数据:

_root.calcValue 存放计算器显示的数值

_root.Operator 存放选择了的计算方法

_root.lastValue 存放上一次运算的结果

然后需要建立各种与用户交互的按钮,比如0~9的数字,各种运算符,小数点,等号等等。除此之外,还需要建立一个文本框,以便显示计算结果。在Flash中,通过动态文本(Dynamic Text)把变量绑定到文本框上,这个文本框中将显示出变量的值,并随变量的变化而刷新。(方法是:从text options面版中选择Dynamic Text,设置bind variable为 _root.calcValue。)

下一步,为每个按钮建立相应的Action:当数字按钮被按下的时候,更新变量 _root.calcValue 的值,当运算符按钮被按下时,设置变量_root.operator的值。这个值要和服务器端的SOAPCalc 组件所需要的值保持一致。(本例中是"Add", "Subtract", Multiply", 或 "Divide")同样在这个Action中,添加代码用来把当前的计算结果保存到变量_root.lastValue中。运算符按钮的Action中应该有这样的代码:

on (release) {

// operator应该是 "Add", "Subtract", Multiply", 或 "Divide"

_root.operator = "Add";

_root.lastValue = _root.calcValue;

...

}

下面,添加"="按钮的Action,当用户按下这个按钮的时候,将调用函数发送SOAP消息,进行计算:

on (release) {

_root.calculate(_root.operator, _root.lastValue, _root.calcValue);

}

在Flash影片的root level中的新层中,建立一个所有函数都将用到的Action。在这个Action中,建立一个函数calculate()处理SOAP请求和回应。函数calculate()的作用是向服务器发送运算所需要的两个数和运算符。

其形式是:

function calculate(operator, a, b) {

...

}

具体的代码将在下面的部分继续填充。

第四步:实现SOAP消息

其实这样功能的计算器使用Flash集成的脚本语言ActionScript就可以轻松完成,但是我们这里演示的是SOAP计算器,所以需要利用服务器完成所有的计算请求。Flash5能够发送和接受XML文档,而SOAP消息也是普通的XML文档,所以我们可以使用Flash集成的XML对象来建立和解析SOAP消息。

为了使建立Flash/SOAP应用程序的过程更为简单,你可以下载Media Revolution所开发的Flash SOAP组件。它是免费的。这个组件通过封装XML操作而简化了在Flash中发送和接受SOAP消息的操作。可以从http://software.mrev.com/soap.asp下载这个组件。使用方法是把它复制到Flash影片所在目录,在root level加入一个名为SOAP的影片夹子,并加入如下代码:

loadMovie ("SOAP.swf", "_root.SOAP");

在函数calculate()中使用这个SOAP对象。首先,创建一个新的SOAP对象。注重名称"SOAP"要和上一步加入的SOAP组件名称相同。

为这个对象的onLoad属性分配一个函数名。这个函数在SOAP对象接受或处理SOAP回应时运行。(函数displayCalcResult将在后面定义)。

代码如下:

function calculate (operator, a, b) {

...

var SOAPCalc = new SOAP.SOAP();

SOAPCalc.onLoad = displayCalcResult;

...

}

然后,使用内建的SOAP方法createMethod() 和 addParameter() 定义远端过程调用的类型。SOAP对象假定服务器应用程序期望的节点和调用的方法同名。并且返回一个名称为[方法名]Response的节点。 (比如 AddResponse)。

代码如下:

function calculate (operator, a, b) {

...

SOAPCalc.createMethod(operator);

SOAPCalc.addParameter("A", a);

SOAPCalc.addParameter("B", b);

...

}

最后,使用SOAP对象的方法send(),把请求发送到前面建立的SOAP监听器的地址上。

function calculate (operator, a, b) {

...

SOAPCalc.send

("http://localhost/SOAPCalc/default.asp");

...

}

注:因为安全问题,Flash播放器限制SOAP请求和影片在一个子域中。Macromedia将发布一个修正版的播放器,以便解决这一问题。

当SOAP对象收到和解析服务器发回的回应,onLoad事件将被触发。通过前面分配给onLoad属性的函数,可以很轻易的存取服务器的回应信息。比如:

function displayCalcResult () {

_root.calcValue = this.Response.Answer;

}

SOAP Response对象中的[函数名]Response.Answer节点中存放的就是计算结果。

回应的SOAP消息如下所示:

<SOAP-ENV:Envelope xmlns:

SOAP-ENV=\"http://schemas.xmlsoap.org/soap/envelope/\">

<SOAP-ENV:Body>

<AddResponse>

<Answer>10</Answer>

</AddResponse>

</SOAP-ENV:Body>

</SOAP-ENV:Envelope>

上面的displayCalcResult()远程操作返回的值存放在root-level的变量 _root.calcValue中,这样动态文本框将自动显示其值。

这些都做好以后,你就拥有了一个Flash SOAP计算器了。完整的演示可参见:http://software.mrev.com/demo/soap

关于错误处理,请解析<Fault>节点的子节点<faultcode>和其他节点,它们包含了错误信息:

<?xml version="1.0"?>

<SOAP-ENV:Envelope>

<SOAP-ENV:Body>

<SOAP-ENV:Fault>

<faultcode>Server</faultcode>

<faultstring>

Parameter missing: B

</faultstring>

</SOAP-ENV:Fault>

</SOAP-ENV:Body>

</SOAP-ENV:Envelope>

通过Flash使用SOAP传递信息,把用户界面和数据分离,是一个不错的主意。这样客户端可以得到比以往的Web界面更丰富的多媒体界面。通过在Flash函数内封装SOAP请求和SOAP组件,大大降低了开发难度,甚至可以让对XML和SOAP不很熟悉的Flash开发人员轻松的应用。

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有