简单介绍Flex与Web服务端的交互ppt课件

.,简单介绍Flex与Web服务端的交互,-by彭伟林,.,简单介绍信Flex与Web服务的交互,主要内容:1.ActionScript与服务端的基本交互方式(REST).2.ActionScript特有的数据传输格式(AMF)与服务器交互.3.Flex与WebService.,.,要实现ActionScript与服务端交互,首先必须知道以下几个类:URLRequest类记录请求服务端的URL信息,给URLLoader进行发送操作.URLVariables类保存向服务端请求所需的参数,一般用于POST方式传输,GET方式传输不需要使用.URLRequestMethod类该类只有两个静态常量值,一个是POST,一个是GET,可以把它当作是一个枚举类型,用于指定URL请求时使用POST方式或是GET方式.URLLoader类真正与服务端打交道的类,通过load方法把一个Reuqest发送给服务端,在load之前必须给该对象添加一个Complete事件的监听器,接收服务器返回的信息.传输过程中有可能产生IO错误,有必要时可以为该对象添加IOError监听器.,ActionScript与服务端的基本交互方式,.,例子:varrequest:URLRequest=newURLRequest(http:/localhost);/默认为URLRequestMethod.GET,若使用GET方式可以不指定request.method=URLRequestMethod.POST;/创建一个参数变量对象,用于保存所有向服务发送的参数数据,GET方式可以不使用varvars:URLVariables=newURLVariables();varsvarName=varValue;/把参数键,值对放到vars对象中.varsvar2Name=var2Value;request.data=vars;/把参数对象放进Request对象中作为参数/通过request对象创建一个loader,varloader:URLLoader=newURLLoader(request);,ActionScript与服务端的基本交互方式,.,loader.addEventListener(/给loader对象添加完成时的监听器.Event.COMPLETE,function(e:Event):void/临时定义一个监听器/服务端返回的数据是保存在loader的data里,通过以下语句可以得到trace(URLLoader(e.target).data);/在监听器里处理服务端返回的数据/complete/processthedata;);loader.addEventListener(/IOError监听器IOErrorEvent.IO_ERROR,/临时监听器,IO错误的处理在该函数中处理function(e:IOErrorEvent):void/*processtheerr;*/);loader.load(request);/把request对象发送到服务端.当请求完成,则会自动触发COMPLETE事件,ActionScript与服务端的基本交互方式,.,REST实例演示,ActionScript与服务端的基本交互方式,.,通过AMF数据格式与服务器交互,什么是AMF?AMF是Adobe公司制定一套ActionScript与服务端交互的数据格式,Flex本身已经有相关的类可以直接使用,但服务端则需要一个可以解释该格式的包或框架,幸运的时现在已经存在大部分服务端语言解释AMF格式包与类库,所以不用担心处理该格式的问题.,AMF有什么优势?为什么要使用AMF?原因:AMF数据格式采用了二进制数据压缩,然后再把数据放送到服务端进行处理,虽然采用了压缩技术,但并不影响效率,而传统的XML-RPC传输大量的XML标签,大大的影响了传输的速度,且增大传输的流量.AMF则不存在这样的问题.所以AMF主要的优势是采用二进制传输,传输的数据量较少,大大提升交互的速度.,.,怎样在Flex中使用AMF数据格式进行传输?在Flex中使用AMF需要通过以下几个类进行:RemoteObject类,可以作为Flex中的一个控件使用.AsyncToken类,保存一个请求的状态,给请求添加监听器.AsyncResponder类,用于设置请求的两种返回结果,返回成功或失败ResultEvent类,返回成功的事件对象,返回的数据保存在该对象的result属性里.FaultEvent类,返回失败的事件对象,该对象保存请求失败的所有信息.,通过AMF数据格式与服务器交互,.,例子(后台采用django+pyAMF):在Application的MXML文件里创建一个RemoteObject对象Flex编写以下代码：/djangoService是面上创建一个RemoteObject对象,echo是服务端提供的一个无参数方法,用于显示信息.vartoken:AsyncToken=djangoService.echo();/调用服务端的方法后返回一个Token对象/为Token添加成功与失败的监听器.token.addResponder(newAsyncResponder(AfterEchoRet,falutHandler);,通过AMF数据格式与服务器交互,.,/字义成功与失败的监听器.privatefunctionAfterEchoRet(result:ResultEvent):voidtrace(result.result);/在这里处理返回的数据.数据保存于result属性中.privatefunctionfalutHandler(error:FaultEvent):voidtrace(error.message);程序代码就只有这么多,不过还需要一个Services-config.xml配置文件.还需要在工程属性里添加一个参数,设置如下:,通过AMF数据格式与服务器交互,.,services-config.xml内容如下:/需要对应pyAMF服务器上设定的destination值,必须一致/对应下面定义的Channel*/设置服务器终端URL地址,通过AMF数据格式与服务器交互,.,AMF实例演示,通过AMF数据格式与服务器交互,.,Flex与WebService,WSDL（WebServiceDescriptionLanguage）Web服务器描述语言是用XML文档来描述Web服务的标准，是Web服务的接口定义语言，通过WSDL，可描述Web服务的三个基本属性：服务做些什么服务所提供的操作（方法）如何访问服务和服务交互的数据格式以及必要协议服务位于何处协议相关的地址，如URLFlex本身就拥有支持WebService的类,常用的是:WebService类,该类已经可以实现对服务端提供的WebService的WSDL数据进行相应的操作.,.,Flexframework包含mx.rpc.soap.WebService，该类可调用webservices方法，首先创建WebService对象，如下：varwebService:WebService=newWebService();每个webservice都有一个Web服务描述语言(WSDL)，通过WebService对象的wsdl属性进行定位：webService.wsdl=在调用方法之前，必须先用loadWSDL()方法读取wsdl数据：webService.loadWSDL();loadWSDL()方法是异步调用的，因此需要监听是否WSDL数据已经读取完毕，当数据读取完成时WebService对象会发出mx.rpc.soap.LoadEvent事件，如：webService.addEventListener(LoadEvent.LOAD,onWSDL);当WSDL数据读取后，就可以调用WebService对象方法了，WSDLURL指向真实的webservice，其有个方法叫getAverages()：webService.getAverages();,Flex与WebService,.,处理返回结果Webservices方法的类型实际上是mx.rpc.soap.Operation，当webservices方法返回值时，方法对象会发出mx.rpc.events.ResultEvent事件，要想处理这个事件可注册监听器，例如，webService有个方法叫getAverages()，可这样注册监听器：webService.getAverages.addEventListener(ResultEvent.RESULT,onGetAverages);调用写法和其他方法一样：webService.getAverages();当进入处理函数时，会传进来一个ResultEvent参数，ResultEvent类定义了一个叫result的属性，它包含返回值，因为getAverages()方法返回一个关联数组，包含两个属性：flash和actionscript：privatefunctiononGetAverages(event:ResultEvent):voidtextArea.text=TheaveragesforFlashandActionScriptare+event.result.flash+and+event.result.actionscript;,Flex与WebService,.,Flex与WebService,处理异常当webservices引发异常时，方法会发出fault事件，类型为mx.rpc.events.FaultEvent，下面的代码注册了fault事件处理函数：webService.addEventListener(FaultEvent.FAULT,onWebServiceFault);FaultEvent类定义了一个fault属性，类型为mx.rpc.Fault.Fault对象返回有关异常的信息，包含如faultCode,faultDetail,faultString,和rootCause属性，下面的例子用Alert显示异常信息：privateonWebServiceFault(event:FaultEvent):voi