idea中flex与java的交互

文章主要写的是将flex 应用到javaWeb中与java进行交互
所需工具为blazeDS.war、flash bulider(Flex/AIR SDK)
1.首先建一个 能成功运行的javaweb项目名称为demo,目录结构如下图
这里写图片描述

2.将blazeDS中WEB-INF下lib中的所有jar包拷贝到demo项目的lib下(如果与项目本身的jar包有重复可不拷贝)

3.将blazeDS中的flex文件夹(内含4个配置文件messaging-config.xml、proxy-config.xml、remoting-config.xml、services-config.xml)拷贝到demo项目的classes文件夹下。

4.修改web.xml文件
将blazeDS中WEB-INF下的如下内容复制到项目的web.xml文件中。(如果你的web.xml本身没什么内容可直接替换)

<display-name>BlazeDS</display-name>
    <description>BlazeDS Application</description>

    <!-- Http Flex Session attribute and binding listener support -->
    <listener>
        <listener-class>flex.messaging.HttpFlexSession</listener-class>
    </listener>

    <!-- MessageBroker Servlet -->
    <servlet>
        <servlet-name>MessageBrokerServlet</servlet-name>
        <display-name>MessageBrokerServlet</display-name>
        <servlet-class>flex.messaging.MessageBrokerServlet</servlet-class>
        <init-param>
            <param-name>services.configuration.file</param-name>
            <param-value>/WEB-INF/flex/services-config.xml</param-value>
       </init-param>
        <load-on-startup>1</load-on-startup>
    </servlet>

    <servlet-mapping>
        <servlet-name>MessageBrokerServlet</servlet-name>
        <url-pattern>/messagebroker/*</url-pattern>
    </servlet-mapping>

5.新建flex Module,命名为flex_src
这里写图片描述

6.编辑java后台代码,src文件夹下创建java类
这里写图片描述

7.修改flex_src下的Main.mxml文件

<?xml version="1.0"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark">
    <fx:Script><![CDATA[
        import mx.controls.Alert;
        import mx.rpc.events.FaultEvent;
        import mx.rpc.events.ResultEvent;

        //错误处理函数
        protected function faultHandler(event:FaultEvent):void
        {
            Alert.show("调用失败了:"+event.fault.message as String,"提示");
        }

        //成功调用函数
        protected function resultHandler(event:ResultEvent):void
        {
            Alert.show("调用成功了:"+event.result as String,"提示");
        }

        public function test(event:MouseEvent):void{
            mytest.testFun();
        }
        ]]></fx:Script>
    <!--flex 与普通java类通信-->
    <fx:Declarations>
        <s:RemoteObject id="mytest" destination="helloWorld" result="resultHandler(event)" fault="faultHandler(event)"/>
    </fx:Declarations>
    <s:Button click="test(event)" label="Say Hello"/>
</s:Application>

代码中RemoteObject内的destination对应的是remoting-config.xml中的destination,id=”mytest” 中的mytest即为调用java代码的实例

8.remoting-config.xml的配置

<?xml version="1.0" encoding="UTF-8"?>
<service id="remoting-service" 
    class="flex.messaging.services.RemotingService">

    <adapters>
        <adapter-definition id="java-object" class="flex.messaging.services.remoting.adapters.JavaAdapter" default="true"/>
    </adapters>

    <default-channels>
        <channel ref="my-amf"/>
    </default-channels>

    <destination id="helloWorld">
        <properties>
            <source>demo.HelloWorld</source>
        </properties>
    </destination>

</service>

9.后面就是运行项目的配置
下图默认配置即可
这里写图片描述

下图要注意的是framework linkage选第二个merged into code(
对应eclipse中的合并到代码中)
这里写图片描述

Mudoles的第三项配置如下,要注意的是server Technology 第一项为项目中services-config.xml的路径;后面的context root为跟目录(很重要)
这里写图片描述
上面这三项是要重点注意的地方

10.运行时要先确保web程序(tomcat)可以正常启动。再运行Main.mxml若报错为error2032则为流错误,可能是没有选“merged into code”;
若为error2048则为沙箱问题,需要加下面的crossdomain.xml配置文件到根目录(demo或classes,不确定就都试一下)下

<?xml version="1.0"?>
<!DOCTYPE cross-domain-policy SYSTEM "http://www.macromedia.com/xml/dtds/cross-domain-policy.dtd">
<cross-domain-policy>
    <allow-access-from domain="*" />
    <allow-http-request-headers-from domain="*" headers="*"/>
</cross-domain-policy>

11.还无法连通且包错为类似send failed 和messagebroker/amf是就是endpoint路径的问题,可加endpoint属性

<fx:Declarations>
        <s:RemoteObject id="mytest" destination="helloWorld" result="resultHandler(event)" fault="faultHandler(event)"/>
        endpoint="http://localhost:8080/demo/messagebroker/amf"
    </fx:Declarations>

http://localhost:8080/demo/messagebroker/amf(demo为context root)这个链接在项目启动时在浏览器中运行时不会报错的,若报错则是context root配置错误,且http://localhost:8080/demo在浏览器上也不会报错;context root的值在根据配置的不同也可以为空,即http://localhost:8080/messagebroker/amf
这个项目启动后http://localhost:8080/index.jsp可以运行
http://localhost:8080/messagebroker/amf。也可以运行
所以上面的endpoint为
endpoint=”http://localhost:8080/messagebroker/amf”
之后运行flex模型发现能够成功完成交互。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值