实现Flex与Java的通信的Demo(BlazeDS方式)
应需求,研究了一下Flex如何与Java后台进行通信。先把HelloWorld的程序写在这里吧:
首先要想说的是网络上传播着3种flex与java的整合方法:
第一种是java项目里通过add flex project nature 插入flex 项目。
第二种是flex项目变成web项目加入java文件。
第三种是java与flex分别独立开发,最后整合到一起。
首先说第一种,通过这种方法建立的flex project被直接包含在java项目里,但是最后保存mxml文件只会生成一个swf文件。所以除非你的java项目里已经有了插入swf的那个html,否则运行时会出现找不到文件的错误。所以如果只是单纯的开发一个flex项目,不推荐用第一种方法。
其次,我个人感觉第二种和第三种是一回事 如果有一个java project 需要插入flex project 那flex与java通信的那个java文件还是得在flex 项目里实现。 不知道我说的大伙有没有明白。简单的说如果你想开发一个带有flex文件的web项目,你可以用第二种方法完成flex开发然后直接部署到已有的web项目中。
什么是BlazeDS呢?BlazeDS是一个基于服务器的Java远程调用(remoting)和Web消息传递(messaging)技术,它能够使得后台的Java应用程序和运行在浏览器上的Flex应用程序相互通信。在各大搜索引擎里,关于BlazeDS的中文教程来来去去都是那几篇,而且都是使用Eclipse来开发Flex的(用Eclipse开发Flex跟Java很不错的)。这篇文章将会尝试着使用Flex Builder 3,用一个经典的“HelloWorld”例子来让你学会BlazeDS的使用方法。
首先要下载包文件:blazeds_bin_3-0-0-544.zip.将其解压,可以看到web-inf和meta-inf这两个文件夹。
在tomcat的webapps下面,建立一个文件夹,估且命名为blaseds,然后把上述的两个文件夹放在其下面。然后就开始开发工作了。
不论在哪写都可以,可以在IDE中,也可以在记事本中, 开发一个HelloWorld.java
package cn.riahome.java;
public class HelloWorld {
public String getHelloWorld(){
return "Flex hello";
}
public HelloWorld(){
}
}
生成HelloWorld.class之后,将其放在webapps\blaseds\WEB-INF\classes\cn\riahome\java文件夹下。(新建三个文件夹)
然后,把blaseds\WEB-INF\flex中的remoting-config.xml中,加上一个节点:
<destination id="helloWorld">
<properties>
<source>cn.riahome.java.HelloWorld</source>
</properties>
</destination>
上述,就完成了tomcat中的开发工作。下面进入到Flex中。
在Flash4中,新建一个项目,注意,要命名为HelloWorld,否则会出错。
并且,最好新建时,配置好与J2EE的连接:在服务器类型中,选择BlazeDS,在下一步中,
根文件夹:D:\soft\Tomcat 6.0\webapps\blaseds
根URL:http://localhost:8080/blaseds
上下文目录:/blaseds
然后完成。
上述配置也可以在新建好以后进行配置,但要注意,如果是新建好,再配置,则还要配置另外一项:
Flex编译器-->附加的编译器参数:
-services "D:\soft\Tomcat 6.0\webapps\blaseds\WEB-INF\flex\services-config.xml" -locale zh_CN
(如果在新建时配置好了J2EE,则这条会自动添加,否则要手动添加)
最后,写HelloWorld.mxml中写上代码:
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">
<fx:Declarations>
<!-- 将非可视元素(例如服务、值对象)放在此处 -->
<mx:RemoteObject id="remoteObject" destination="helloWorld" source="cn.riahome.java.HelloWorld" result="resultHandler(event)" fault="faultHandler(event)"/>
</fx:Declarations>
<fx:Script>
<![CDATA[
import mx.rpc.events.FaultEvent;
import mx.controls.Alert;
import mx.rpc.events.ResultEvent;
private function resultHandler(event:ResultEvent):void
{
// 显示收到的 "Flex hello" 数据
Alert.show(event.result.toString(), "提示");
}
private function faultHandler(event:FaultEvent):void
{
Alert.show(event.fault.toString(), "提示");
}
]]>
</fx:Script>
<mx:Button label="发送" click="remoteObject.getHelloWorld()"/>
</s:Application>
运行,就可以看到Flex从java中获取数据了。
最后需要注意的是:<mx:RemoteObject>标签的destination属性值必须跟remoting-config.xml文件里destination标签的id值一致!
如果您还是测试不成功,请注意以下几点:
1、核实HelloWorld.class文件已经在[tomcat-home]\webapps\blazeds\WEB-INF\classes\cn\riahome\java目录下;
2、检查remote-config.xml文件里是否已经添加了上述的<destination>标签;
3、有没有重启Tomcat服务器;
4、检查<mx:RemoteObject>标签有没有这两个属性:destination=”helloWorld”、source=”cn.riahome.java.HelloWorld”
5、打开Flex Project的属性面板,查看 Flex Compiler 里的Additional compiler arguments选项,是否已经有“-services”指令,如下图(通常在新建Project的时候就自动添加的)
6、打开Flex Project的属性面板,再次检查 Flex Server 里的 Root folder、Root URL、Conntext root,按一下 Validate Location 按钮测试是否成功
7、检查所有代码有没有错误
------------------------------------------------------------------------------------------
升一下级,来个可以带参数的,而且发现上面写的flex文件有点复杂。
在java中,
public String getHelloWorldWithParam(String s){
return "Flex hello " + s ;
}
然后在mxml中,
<fx:Declarations>
<!-- 将非可视元素(例如服务、值对象)放在此处 -->
<mx:RemoteObject id="remoteObject" destination="helloWorld" source="cn.riahome.java.HelloWorld" result="resultHandler(event)" />
</fx:Declarations>
<fx:Script>
<![CDATA[
import mx.controls.Alert;
import mx.rpc.events.FaultEvent;
import mx.rpc.events.ResultEvent;
public function call():void{
var str:String = textArea.text;
remoteObject.getHelloWorldWithParam(str);
}
public function resultHandler(event:ResultEvent):void{
var newStr:String = event.result as String;
Alert.show(newStr);
}
]]>
</fx:Script>
<mx:TextArea x="191" y="245" id="textArea"/>
<mx:Button label="发送" click="call()"/>
就可以了。也不难。