闪耀教程:创建一个聊天应用的Flex与BlaseDS

2008年3月12日由朱利安Lestel

本教程将告诉您如何创建一个聊天应用的Flex使用信息服务的闪耀。

闪耀

首先,您可以下载 闪耀。 请注意,来源也可 : )

服务器配置

1 -在你的home目录闪耀, WEB-INF/flex/messaging-config.xml打开该文件在文本编辑器。 如果您使用的闪耀与综合Tomcat服务器, Web应用程序位于这里闪耀: “ install_dir /雄猫/ webapps 。 消息- config.xml文件中包含的配置设置的信息服务。 如果您打开该文件服务- config.xml文件在同一目录中,您会看到该文件信息- config.xml文件“是包括参照此文件中。 文件“服务配置”允许configurationhaut级闪耀。 一般来说,我们指的这个文件的配置文件,以确定具体服务,如信息。 它还定义设置,如系统“的信息渠道和安全理事会在此文件中。

2 -在通讯- config.xml文件,就在该项目“ /服务” ,添加以下和保存该文件:

<destination id="chat"/>

3 -目的地的服务器上定义的客户端将被释放的Flex和 Flex的客户将能够收到邮件,已经出版。 请注意,有一个默认的频道打电话给我,投票站- 1973配置的信息- config.xml 文件。闪耀使用“通道”发送和接收的数据之间的Flex客户端和服务器。 默认频道是指在服务- config.xml文件,只有中引用消息- config.xml文件。 这种特殊的渠道使用行动邮件格式( 1973 ) ,并探讨新的邮件服务器的到达目的地。 除了渠道, “民意调查” , 开辟渠道,还提供了保持连接客户端和服务器之间的数据流流(流)之间。

4 -启动或重新启动您的应用服务器BlaseDS 。

客户端开发的Flex

1 -在生成的Flex 3 ,创建一个新项目闪耀的说明如下: http://learn.adobe.com/ ...

2 ,将该项目命名为chat1 。

3 -在文件中的Flex构建 chat1.mxml的创建,您将创建中 Flex客户端应用程序,可以发布信息的聊天目的地和接收邮件的目的地。

4 -就在<mx:Application>元chat1.mxml在该文件中,应增加一个内容<mx:Script>空。 为此,您可以复制下面的代码:

<mx:Script>

“ [ CDATA [

] ] “

“ /的MX :脚本”

5 -就在这个项目“ /的MX :脚本” ,添加下面的MXML代码。 此代码创建一个信息生产者用户 生产者发送邮件到目的地和客户赞同和接收邮件的发送到目的地。 在此应用程序,我们创建对象生产者和客户MXML ,但最喜欢的物体的Flex ,您可以创建他们动作。

<mx:Consumer id="consumer" destination="chat" message="messageHandler(event.message)"/>
<mx:Producer id="producer" destination="chat"/>

6 -下面元素<mx:Consumer> ,添加下面的MXML代码。 此代码创建的用户界面输入信息,发送和查看邮件。 小组认为它包含子对象。 ControlBar也是用于布局。 显示的文本中的邮件的目的地。 TextInput控制可让您输入的信息。 然后,您可以使用按钮控制,将信息发送到目的地。

<mx:Panel title="Chat" width="100%" height="100%">
<mx:TextArea id="log" width="100%" height="100%"/>
<mx:ControlBar>
<mx:TextInput id="msg" width="100%" enter="send()"/>
<mx:Button label="Send B" click="send()"/>
“ /的MX : ControlBar ”
“ /的MX :面板” >

7 -复制代码如下动作在CDATA部分内容<mx:Script> :

进口mx.messaging.messages.AsyncMessage ;
进口mx.messaging.messages.IMessage ;

私营功能传送( ) :无效(
变种消息: IMessage =新AsyncMessage ( ) ;
message.body.chatMessage = msg.text ;
producer.send (信息) ;
msg.text = “ ” ;

私营功能messageHandler (讯息: IMessage ) :无效(
log.text = message.body.chatMessage + +字母“ N ” ;

此代码,您可以:

  • 进口类AsyncMessageIMessage接口,用来传送的方法( ) 。
  • Create方法发送( )被称为时按一下按钮控制。 此方法创建一个新的AsyncMessage ,然后指定一个可变信息的类型IMessage 。 这套价值message.body.chatMessage的财产的价值msg.text -文本的TextInput控制。 这种方法然后调用发送( )生产者传送邮件,并清除Text属性TextInput控制。
  • 建立的方法来检索事件messageHandler ( ) 。 这种方法检索事件“消息”时,客户端对象接收邮件的目的地。 这种方法显示的文字message.body.chatMessage财产log.text -文本控制。
  • 注意:由于该方法发送( )需要一个IMessage作为参数在这个例子中,我们明确typer AsyncMessage到IMessage接口,执行。 如果您不希望这一呼吁producer.send ( ) ,用AsyncMessage ,转换是自动完成。

8 -添加以下MXML属性的元素<mx:Application>的软硬度客户赞同目的地当您启动应用程序:

creationComplete = “ consumer.subscribe ( ) ”

9 - MX :应用现在看起来就像这样:

“的MX :应用xmlns :的MX = ” http://www.adobe.com/2006/mxml “
creationComplete = “ consumer.subscribe ( ) ” “

MXML代码现已完成!

10 -确保服务器运行的是闪耀。
11 -编译并运行客户端应用的Flex构建的“运行> ”运行从菜单栏中。
12 -打开同一网址成为第二个浏览器。
13 -输入讯息在一个窗口中,应该出现在另一个窗口。

现在我们的第一次申请使用的Adobe Flex闪耀!

我很快就提出一个新的在线教程向您显示如何产生的网络服务闪耀 ...

来源: Adobe公司了解

如果你是第一次上的Flex - info.fr ,您可以订阅RSS提要 谢谢您的访问!

1 étoile2 étoiles3 étoiles4 étoiles5 étoiles ( 1票, 5.00出5 )
Loading ... 载入中...

4评论这个职务

  1. 驯鹿说:

    嗨!
    感谢你对这个tuto : ) 我想知道你如何géreriez名单连接到柔性聊天好吗? 就够我一些线索 : ) 预先感谢您!

  2. bertrand_b说:

    喂!

    我喜欢做同样的事情,但使用activemq经纪人(如果可能的话5.1.0 ) 。

    你有没有解决办法?

  3. Skeuds说:

    喂!
    感谢您的翻译本教程。 当地一切运作良好,但我不能部署在我的远程服务器。 你有信息?

  4. Patrick_Aubin说:

    我将一切本月初闪耀,因为我非常无效此
    如果你能帮助我吗?

撰写评论

订阅

  • 添加到我的AOL
  • 添加到谷歌
  • 添加到Zune播放器
  • 添加到Netvibes的
  • 添加到Technorati的
  • 添加到我的Yahoo
  • 添加到Zune播放器

调查

你如何找到新的Flex - info.fr ?

查看结果

Loading ... 载入中...

Mugsho

谁在线上?

翻译

French flagItalian flagChinese (Simplified) flagEnglish flagGerman flagSpanish flagJapanese flagRussian flagDutch flag