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

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

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

后续将介绍项目如何正确同步到Tomcat服务器，请期待Flex同Java通信--Blazed入门图文详解（下）。

前期准备

??? 本文所用软件：

Eclipse IDE for Java EE Developers

Flash Builder 4.5 Plugin-in?

Tomcat 7

BlazeDS 4

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

??? 环境搭建：

??????1.将Eclipse和FlashBuilder正确安装，配置好JDK；

?????? 2.Tomcat和BlazeDS解压，将blazeds.war文件解压，放到此目录中——Tomcat7.0.12webapps 。

创建Flex Project工程

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

?????? 1. 工程基本信息，其中FlexSDK可以根据自己的开发需要选择；

?

?????? 2. Java部分的设置

?

??????????Tips：Java source folder?用于放置Java代码的文件夹，名称可以根据自身习惯设置；

????????????????????Target runtime?配置好的Tomcat，此处必须选一个，否则无法进行创建；

????????????????????Context root?用于设置将哪些URL请求通过Tomcat转发到Web应用，此处必须与工程名相同；

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

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

??????????????????? WebContent，可以自动部署；

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

??????????????????? 因为习惯问题我设置为一样的；

?????? 3. Flex部分的设置

?

??????????Tips：Main source folder?用于放置Java代码的文件夹，名称可以根据自身习惯设置；

????????????????????Main application file?默认运行的swf对应的代码文件；

????????????????????Output folder url?程序运行的主链接；

?????? 生成的工程结构如图所示：

?

Flex与Java通信的配置

?????? 1.示例后台Java类

????????? 在"Demos/java_src”文件夹下添加com.Demos.DemoServices类，其完整代码如下：

package com.Demos;
?
   3:  public class DemoServices {
   4:      public String testRemoteServices(String var1) {
   5:          return "Test is ok"  + var1;
   6:      }
   7:  }

?????? 2.示例前端Flex应用

????????? 修改"Demos/flex_src”文件夹下添加Demo.mxml文件，其完整代码如下：

1: <?xml version="1.0" encoding="utf-8"?>

   2:  <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 

   3:                 xmlns:s="library://ns.adobe.com/flex/spark" 

   4:                 xmlns:mx="library://ns.adobe.com/flex/mx" 

   5:                 minWidth="955" 

   6:                 minHeight="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 = 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 = testBtn.label;

  27:                  demoServices.testRemoteServices(testResults);    

  28:              }

  29:              

  30:          ]]  31:      </  32:      

  33:      fx:Declarations  34:          s:RemoteObject destination="com.Demos.DemoServices" id="demoServices"  35:              s:method name="testRemoteServices" result="method1_resultHandler(event)"/>

  36:          s:RemoteObject  37:        38:      

  39:      s:VGroup paddingTop="100" horizontalAlign="center" width="100%"  40:          s:Button ="testBtn" label="测试通信" click="button1_clickHandler(event)"/>

  41:          s:TextInput ="testResult"  42:      s:VGroup  43:  s:Application>