Flex同Java通信--BlazeDS入门图文详解(上)

来源:互联网 发布:java塞班游戏网站 编辑:程序博客网 时间:2024/06/07 03:11

转:http://www.cnblogs.com/iloveWater/archive/2011/10/14/2212382.html

以前做项目时因为时间关系,囫囵吞枣状态下完成了,现在回头仔细研究了下究竟各种配置到底是什么意思,起什么作用,以一个什么的流程来建立通过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.12\webapps 。

创建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 folder\bin等一个单独文件夹中,

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

       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;public class DemoServices {public String testRemoteServices(String var1) {return "Test is ok"  + var1;}}

 2.示例前端Flex应用

          修改"Demos/flex_src”文件夹下添加Demo.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:Script>          <![CDATA[              import mx.rpc.events.FaultEvent;             import mx.rpc.events.ResultEvent;                            //用于返回结果正确时的处理事件             private function method1_resultHandler(event:ResultEvent):void              {                 testResult.text = event.result.toString();             }                           //用于返回结果错误时的处理事件             private function method1_faultHandler(event:FaultEvent):void              {                               }                           private function button1_clickHandler(event:MouseEvent):void             {                var testResults:String = testBtn.label;                  demoServices.testRemoteServices(testResults);                  }                      ]]>     </fx:Script>            <fx:Declarations>          <s:RemoteObject destination="com.Demos.DemoServices" id="demoServices">              <s:method name="testRemoteServices" result="method1_resultHandler(event)"/>          </s:RemoteObject>      </fx:Declarations>            <s:VGroup paddingTop="100" horizontalAlign="center" width="100%">          <s:Button id="testBtn" label="测试通信" click="button1_clickHandler(event)"/>          <s:TextInput id="testResult"/>      </s:VGroup></s:Application>

  3.通信配置

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

       "Demos\Demos\WEB-INF\flex”文件夹中remoting-config.xml文件,为其添加以下代码:

<destination id="com.Demos.DemoServices">    <properties>        <source>com.Demos.DemoServices</source>    </properties></destination>

  Tips:id 也可以用代码中的demoServices

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

工程源码: /Files/iloveWater/Demos.zip

扩展阅读:

flex基本通信方式比较及BlazeDS和LCDS比较(文中清晰介绍了BlazeDS所支持的功能,喜欢博主的图文清晰,推荐一下)

flex与java--Blazeds学习(配置)(文中介绍了本文没提到Flex+Java项目创建及配置方式,博文很清新,推荐)

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



原创粉丝点击