Flex同Java通信BlazeDS入门图文详解（上）

以前做项目时因为时间关系&＃xff0c;囫囵吞枣状态下完成了&＃xff0c;现在回头仔细研究了下究竟各种配置到底是什么意思&＃xff0c;起什么作用&＃xff0c;以一个什么的流程来建立通过BlazeDS通信的Flex&＃43;Java程序比较合理&＃xff0c;在程序运行时遇到那些问题时是配置的原因&＃xff0c;又怎样去修改配置&＃xff0c;让一个代码逻辑没有问题的程序可以正常运行&＃xff0c;现将研究的成果记录下来&＃xff0c;分享&＃43;备忘。

本篇文里主要介绍如何创建一个工程&＃xff0c;并设置好相应的配置。

后续将介绍项目如何正确同步到Tomcat服务器&＃xff0c;请期待Flex同Java通信--Blazed入门图文详解&＃xff08;下&＃xff09;。

前期准备

    本文所用软件&＃xff1a;

Eclipse IDE for Java EE Developers

Flash Builder 4.5 Plugin-in 

Tomcat 7

BlazeDS 4

      以上软件官网均可下载&＃xff0c;或试用&＃xff0c;或免费 &＃xff0c;或者最一了百了的方法——购买

    环境搭建&＃xff1a;

      1.将Eclipse和FlashBuilder正确安装&＃xff0c;配置好JDK&＃xff1b;

       2.Tomcat和BlazeDS解压&＃xff0c;将blazeds.war文件解压&＃xff0c;放到此目录中——\Tomcat7.0.12\webapps 。

创建Flex Project工程

       本文采用Flex和Java 放置在同一工程中的方式&＃xff0c;根据向导提示创建工程&＃xff0c;没有什么复杂的&＃xff0c;稍微留心就可以&＃xff0c;尤其是Flash Builder4.5&＃xff0c;已经消除了之前设置某些参数无效的bug。

       1. 工程基本信息&＃xff0c;其中FlexSDK可以根据自己的开发需要选择&＃xff1b;

       2. Java部分的设置

          Tips&＃xff1a;Java source folder 用于放置Java代码的文件夹&＃xff0c;名称可以根据自身习惯设置&＃xff1b;

                    Target runtime 配置好的Tomcat&＃xff0c;此处必须选一个&＃xff0c;否则无法进行创建&＃xff1b;

                    Context root 用于设置将哪些URL请求通过Tomcat转发到Web应用&＃xff0c;此处必须与工程名相同&＃xff1b;

                    Content folder 这是最终编译后的容器目录&＃xff0c;blazeds.war文件将会发布到该目录下的WEB-INF下的flex目录中&＃xff0c;此处需跟Context root 的设置一样&＃xff0c;

                    否则在使用RemoteObject与Java进行通信时会报错&＃xff0c;目前还没找到原因&＃xff0c;若有明白人&＃xff0c;望指点一下&＃xff1b;若开发环境使用MyEclipse&＃xff0c;将文件名设置为

                    WebContent&＃xff0c;可以自动部署&＃xff1b;

                    Output folder 用于存放Flex编译后的swf和html等文件存放的路径&＃xff0c;若为了编译文件的整齐&＃xff0c;可以选择放在Content folder\bin等一个单独文件夹中&＃xff0c;

                    因为习惯问题我设置为一样的&＃xff1b;

       3. Flex部分的设置

          Tips&＃xff1a;Main source folder 用于放置Java代码的文件夹&＃xff0c;名称可以根据自身习惯设置&＃xff1b;

                    Main application file 默认运行的swf对应的代码文件&＃xff1b;

                    Output folder url 程序运行的主链接&＃xff1b;

       生成的工程结构如图所示&＃xff1a;

Flex与Java通信的配置

       1.示例后台Java类

          在"Demos/java_src”文件夹下添加com.Demos.DemoServices类&＃xff0c;其完整代码如下&＃xff1a;

1: package com.Demos;

2:  

3: public class DemoServices {

4: public String testRemoteServices(String var1) {

5: return "Test is ok" &＃43; var1;

6: }

7: }

       2.示例前端Flex应用

          修改"Demos/flex_src”文件夹下添加Demo.mxml文件&＃xff0c;其完整代码如下&＃xff1a;

1: xml version&＃61;"1.0" encoding&＃61;"utf-8"?>

2: <s:Application xmlns:fx&＃61;"http://ns.adobe.com/mxml/2009"

3: xmlns:s&＃61;"library://ns.adobe.com/flex/spark"

4: xmlns:mx&＃61;"library://ns.adobe.com/flex/mx"

5: minWidth&＃61;"955"

6: minHeight&＃61;"600">

7: <fx:Script>

8: [CDATA[

9: import mx.rpc.events.FaultEvent;

10: import mx.rpc.events.ResultEvent;

11:

12: //用于返回结果正确时的处理事件

13: private function method1_resultHandler(event:ResultEvent):void

14: {

15: testResult.text &＃61; event.result.toString();

16: }

17:

18: //用于返回结果错误时的处理事件

19: private function method1_faultHandler(event:FaultEvent):void

20: {

21:

22: }

23:

24: private function button1_clickHandler(event:MouseEvent):void

25: {

26: var testResults:String &＃61; testBtn.label;

27: demoServices.testRemoteServices(testResults);

28: }

29:

30: ]]>

31: fx:Script>

32:

33: <fx:Declarations>

34: <s:RemoteObject destination&＃61;"com.Demos.DemoServices" id&＃61;"demoServices">

35: <s:method name&＃61;"testRemoteServices" result&＃61;"method1_resultHandler(event)"/>

36: s:RemoteObject>

37: fx:Declarations>

38:

39: <s:VGroup paddingTop&＃61;"100" horizontalAlign&＃61;"center" width&＃61;"100%">

40: <s:Button id&＃61;"testBtn" label&＃61;"测试通信" click&＃61;"button1_clickHandler(event)"/>

41: <s:TextInput id&＃61;"testResult"/>

42: s:VGroup>

43: s:Application>

       3.通信配置

          代码编写完成后&＃xff0c;首先将"Tomcat7.0.12\webapps\blazeds\WEB-INF”文件夹拷贝替换"Demos\Demos\WEB-INF&＃xff1b;然后需要修改位于

       "Demos\Demos\WEB-INF\flex”文件夹中remoting-config.xml文件&＃xff0c;为其添加以下代码&＃xff1a;

1: <destination id&＃61;"com.Demos.DemoServices">

2: <properties>

3: <source>com.Demos.DemoServicessource>

4: properties>

5: destination>

          Tips&＃xff1a;id 也可以用代码中的demoServices&＃xff1b;

                    Source 一定要跟Java类的名称完全一样&＃xff0c;否则会报找不到类或者没有Channel的错误。

工程源码&＃xff1a; /Files/iloveWater/Demos.zip

扩展阅读:

flex基本通信方式比较及BlazeDS和LCDS比较&＃xff08;文中清晰介绍了BlazeDS所支持的功能&＃xff0c;喜欢博主的图文清晰&＃xff0c;推荐一下&＃xff09;

flex与java--Blazeds学习&＃xff08;配置&＃xff09;&＃xff08;文中介绍了本文没提到Flex&＃43;Java项目创建及配置方式&＃xff0c;博文很清新&＃xff0c;推荐&＃xff09;

Building a Flex application that connects to a BlazeDS Remoting destination using Flash Builder 4.5&＃xff08;文中的样例代码就是来自于这里&＃xff0c;是官方的博&＃xff0c;老外典型的教程&＃xff0c;清晰&＃xff0c;严谨&＃xff0c;废话木有&＃xff0c;就是英文的&＃xff09;