写点什么

用 Flex Builder 构建即时聊天应用

  • 2009-09-01
  • 本文字数:1465 字

    阅读完需:约 5 分钟

Activa Live Chat 是一个基于 Adobe Flex 的即时在线聊天应用,它可以让网站的所有者通过即时的基于文本的聊天来轻松地为访问者和客户提供实时在线的支持。它为网站的访问者和聊天人提供了基于 Flex 的 UI 风格,而在后端的聊天服务则是由 PHP 实现。

本文会讲解如何使用 Adobe Flex 和 Adobe Blaze DS 来构建这样一个聊天应用程序。

Flex 通过开源的 BlazeDS 消息服务来支持订阅及发布消息。这个消息服务管理着一些 Flex 客户端可以订阅或发布的目标地址。Flex 提供了 Producer 和 Consumer 这两个组件,让你用来向目标地址发送或订阅消息。如果要订阅消息,你就使用 Consumer 类的 subscribe()方法。当有消息发送到你订阅了的目标地址时,Consumer 上就会触发 message 事件。

使用 BlazeDS 的发布 / 订阅功能是很简单的。下面是一个简单的聊天应用的例子:

复制代码
    <?xml version="1.0" encoding="utf-8"?>
    <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"                        
        creationComplete="consumer.subscribe()">
        <mx:Script>
            <![CDATA[  
                import mx.messaging.messages.AsyncMessage;  
                import mx.messaging.messages.IMessage;  
                private function send():void  
                {
                    var message:IMessage = new AsyncMessage();  
                    message.body.chatMessage = msg.text; 
                    producer.send(message);  
                    msg.text = "";  
                }
                private function messageHandler(message:IMessage):void  
                {
                    log.text += message.body.chatMessage + "\n";
                }
            ]]>
        </mx:Script>  
        <mx:Producer id="producer" destination="chat"/>
        <mx:Consumer id="consumer" destination="chat"    
            message="messageHandler(event.message)"/> 
        <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" click="send()"/>
            </mx:ControlBar> 
        </mx:Panel> 
    </mx:Application>

消息传递的目的地址是在你的 Flex 应用根下一个叫 messaging-config.xml 中配置的。一个目的地址配置的关键元素是在客户端和服务器交换数据的通道。使用 BlazeDS,消息传递的目的地址通常使用流通道或者轮询通道。

  • 使用流通道,服务器响应会一直保持开放状态,直到通道连接关闭,这样可以让服务器持续向客户端发送变化的数据。HTTP 连接并不是双向的。这意味着一个流 AMF 或者 HTTP 通道实际上需要两个浏览器 HTTP 连接来完成两个方向上的数据发送。一个用于从服务器向客户端发送流响应,另外一个暂态的连接用在当有 数据需要发送到服务器时,从浏览器池中拖拽数据。这个暂态的连接会立即释放回浏览器的连接池中。
  • 如果数据没有立刻准备好(长轮询),就可以通过一个简单的时间间隔或者服务器等待时间来配置轮询通道。无论哪种方式,轮询响应都会完成请求。浏览器 HTTP1.1 连接缺省是持久的,因此浏览器有可能会重复利用已有的 HTTP 连接来发送接下来的轮询请求,这样就能减少轮询带来的网络负载。

请参考 Flex 开发者中心来获取更多关于 Adobe Flex 的入门及深度文章。

2009-09-01 21:007104
用户头像

发布了 127 篇内容, 共 45.4 次阅读, 收获喜欢 5 次。

关注

评论

发布
暂无评论
发现更多内容

食堂就餐卡系统设计

周冬辉

食堂就餐卡系统设计

atlasman

食堂就餐卡系统设计

Ph0rse

极客大学架构师训练营

食堂就餐卡系统设计

豌豆爸比

【Week01】架构师如何做架构

Aldaron

架构学习之架构图设计(1)

Paula_l

脑子不够怎么学架构

紫极

闲谈 极客大学架构师训练营

食堂就餐卡系统设计

架构homework1

蜡笔小晗

就餐卡系统架构文档

Geek_bobo

食堂就餐卡系统设计

Aldaron

架构师课程第一周总结

dongge

第一周架构训练营(就餐卡系统)

Gavin

就餐卡系统设计

dongge

架构师训练营-作业一

Jemmy

【极客大学】【架构师训练营】【第一周】 食堂就餐卡系统设计

NieXY

极客大学 极客大学架构师训练营

架构师训练营(第1周作业)

李德政

极客大学架构师训练营

食堂就餐卡系统设计

谭焜鹏

架构师训练营week1-学习记录

lijia_toby

极客大学架构师训练营

【极客大学】【架构师训练营】【第一周】学习总结:如何使用UML图达成设计意念

NieXY

极客大学架构师训练营

如何编写一份合格的架构设计文档(一)

izerone

第一周作业二:学习总结

iHai

极客大学架构师训练营

架构师第一周学习小结

K先生

架构师赋能

will

架构师

食堂就餐卡系统设计

桔子

架构师训练营 第1周作业

Lingjun

极客大学架构师训练营

架构师第一课学习总结

曾祥斌

食堂就餐卡系统架构设计⽂档

一点点..

架构师训练营第一周作业

fenix

架构学习

呱呱

极客大学架构师训练营 作业

第一周学习总结

Gavin

用Flex Builder构建即时聊天应用_Java_张凯峰_InfoQ精选文章