输入你的邮件地址，
你将不会错过任何关于：
[ 软件工程
]的信息 |
|
SOAP+Flash 更友好的Web应用程序
发表日期：2008-3-23 
| 
|
利用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开发人员轻松的应用。
|
|
上一篇：软件开发项目控制浅谈
人气:237
下一篇：ERP失败的10大祸首
人气:145 |
浏览全部软件工程的内容
Dreamweaver插件下载
常用网页广告代码全集
|
|
