BlazeDS配置实例

Categories: Flex; Tagged with: ; @ August 30th, 2008 23:55

[小站博客均为原创, 转载请保留以下信息:

作者:http://liguoliang.com 欢迎访问:Adobe上海用户组: http://riashanghai.com ]

1.什么是BlazeDS

BlazeDS is the server-based Java remoting and web messaging technology that enables developers to easily connect to back-end distributed data and push data in real-time to Adobe® Flex® and Adobe AIR™ applications for more responsive rich Internet application (RIA) experiences.

BlazeDS consists of three key services:
1.The Remoting Service allows your Flex application to directly invoke methods of Java objects deployed in your application server.
2.The Message Service provides a publish/subscribe infrastructure that allows your Flex application to publish messages and subscribe to a messaging destination, enabling the development of real-time data push and collaborative applications.
3.The Proxy Service allows your Flex application to make cross-domain service requests in a secure and controlled manner. In other words, it allows your Flex application to access a service available on a different domain than the domain from where the application was downloaded (without having to depl

oy a crossdomain.xml policy file on the target domain).[Christophe Coenraets Adobe http://www.adobe.com/devnet/livecycle/articles/blazeds_gettingstarted.html]

2.配置BlazeDS,并使之正常运作

2.1 准备工作
FlexBuilder,Tomcat,Eclipse.
在此之前,你至少需要学会启动或停止Tomcat服务器,并了解它的一些大致情况,同时你需要学会编写一个简单的java类,并编译它.
BlazeDS:
BlazeDS首页:http://opensource.adobe.com/wiki/display/blazeds/BlazeDS,有关于BlazeDS的详细介绍与相关文档,下载地址.
BlazeDS下载地址:http://download.macromedia.com/pub/opensource/blazeds/blazeds_turnkey_3-0-0-544.zip
BlazeDS开发指南下载地址:http://livedocs.adobe.com/blazeds/1/blazeds_devguide/blazeds_devguide.pdf
2.2 配置BlazeDS
将zip包内的blazeds.war文件解压到应用服务器的部署目录下,如:[tomcat-home]\webapps.
重启Tomcat
简要介绍下blazeds文件夹:
\WEB-INF配置文件包,内有:
\classes      用来放置Flex应用程序需要使用到的Java class
\flex           有四个XML格式的配置文件,现在我们只需要了解remoting-config.xml,在该文件中添加destination来配置Flex应用程序 与Java class的连接,通过这个文件,架起Flex程序与Java Class之间的桥梁.

3.测试
3.1创建一个新的Java项目来配置BlazeDS,向web应用中添加Java类。

在Eclipse中创建新工程,选择从现有资源中创建,命名为“HelloWorld_server” ,使用先前部署的BlazeDS.WAR的WEB_INF文件夹路径,如:[tomcat-home]\webapps\blazeds\WEB-INF \,在build路径下添加src目录 ,将WEB-INF/classes目录作为输出目录,创建一个名为HelloWorld.java的新Java类,类的定义为:

  1. public class HelloWorld {
  2. public String sayHello(String name) {
  3. return “hello, “ + name;
  4. }
  5. }

如果你不太熟悉这一步操作,也可以手工编写该java文件,使用javac命令编译为java class文件.
但不论如何,产生的HelloWorld.class必须在WEB-INF/classes目录中.

3.2配置BlazeDS

配置BlazeDS,使它支持Flex与Java进行远程通信。配置WEB-INF/flex文件夹下的config.xml文件,具体配置可参照如下代码:

  1. <destination id=“HelloWorld”>
  2. <properties>
  3. <source>HelloWorld</source>
  4. </properties>
  5. </destination>
重新启动Tomcat;

3.3新建一个Flex应用程序,测试连接

创建一个新Flex项目,将项目命名为“HelloWorld_client”,应用服务器类型则选择“J2EE” ,ProjectLocation指用于存放工程文件的目录,指定为你想存放的位置即可.

选择“Use remote object access service”和LiveCycle Data Services

Next:

image

将根ULR声明为:http://localhost:8080/blazeds(端口号由应用服务器配置决定)

在Tomcat运行的情况下,检查配置的结果应为:The web root folder and root URL are valid.

确定配置并点击“完成”

将HelloWorld_client.mxml修改为如下:

  1. <?xml version=“1.0” encoding=“utf-8”?>
  2. <mx:application xmlns:mx=“http://www.adobe.com/2006/mxml”>
  3. <mx:remoteobject id=“ro” destination=“HelloWorld”>
  4. <mx:textinput id=“n” change=“ro.sayHello(n.text)”>
  5. <mx:label text=“{ro.sayHello.lastResult}”>
  6. </mx:label></mx:textinput></mx:remoteobject></mx:application>

运行该应用,在文本框中输入内容,随着文本框内容改变,显示的内容也随着改变.如下图:

image

解说:

该Flex应用使用RemoteObject来与服务器通信。当用户在文本框中输入内容时,文本框的触发并广播 change事件,从而通过已配置的RemoteObject向服务器发出请求。服务器向已经配置的的远程Java类发送请求,返回 “Hello,”+发送值的字符串。在对象返回值的时候,这个返回值会系列化到AMF中,进而返回给Flex应用。RemoteObject将该值赋值给 ro.lastResult,该过程完成后,Label通过RemoteObject上的result事件获得Hello riashanghai.com,并打印出来.

4.实际应用

在之前发布的<完整Flex程序+详细解释之便条管理系统(Tree/回溯/XML/Event) Annotated Flex Sample Application: Note Management>中,我们简要的介绍了将数据存储于SharedObejct中的简单便条管理系统,现在我们开始着手开发存储与服务器端的应用.

简要描述:通过分析,只需要修改先前程序的loadXML与SaveXML两个函数即可实现存储于服务器端.

简单起见,服务器端仍旧使用XML存储数据.

在server端,编写一个xmlserver类,该类将实现loadxml与savexml的功能.

在client端,使用RemoteObject与Java进行通信.

Flex作品发布:Flex Note Management Beta2 继续开源

Categories: Flex August 30th, 2008 17:04

NoteManagement的第二版了[第一版],与1.0相比,增加了BlazeDS与Java端的通信,增加了注册,可以使用两个版本,单机版或是服务器版.区别在于单机版存储于SharedObject,联机版存储于服务器端—-没有支持的服务器,所以您只能使用单机版啦.
(more…)

文件属性设置UI设计 – 初探Flex中自定义组件 Custom UI Component Example: Unix File Permission Setting

Categories: Flex; Tagged with: ; @ August 27th, 2008 22:04

[小站博客均为原创, 转载请保留以下信息:

作者:http://liguoliang.com 欢迎访问:Adobe上海用户组: http://riashanghai.com ]

一:目标

设计一个自定义组件,可以通过该UI初步读取或设置文件属性.
(more…)

[Flex]作品展示:开源小程序 Flex Note Management

Categories: Flex; Tagged with: ; @ August 22nd, 2008 15:09

数据存放于SharedObject中,第一次执行时会产生欢迎信息,但在Save一次之后即可变为本地操作.
各位可以右键查看源代码.
初次放上来,大家见笑了..

如果显示效果不佳,可点击以下两个镜像查看1.直接查看2.RIAShanghai

具体设计思路及代码分析请见:http://riashanghai.com/node/27

(more…)

Newer Posts



// Proudly powered by Apache, PHP, MySQL, WordPress, Bootstrap, etc,.