写点什么

用 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:007202
用户头像

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

关注

评论

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

熬夜整理的c/c++万字总结(一)

C语言与CPP编程

c c++

网络安全现状,一个黑客真实的收入

网络安全学海

黑客 网络安全 信息安全 渗透测试 漏洞分析

面试官:聊聊JVM吧?

程序员阿杜

Java JVM JVM原理

2021最新Java高频精选面试题讲解,绝对干货

Java 程序员 面试 后端

2021最新网易Java面经,面试必会

Java 程序员 面试 后端

体验设计工具:18格窗口

石云升

用户体验 7月日更 体验设计

各国纷纷推出数字货币,数字货币发展正当其时

CECBC

Introduction to the Keras Tuner

毛显新

tensorflow

北鲲云超算平台如何提高高性能计算在云环境下的可行性?

北鲲云

Druid 查询返回引擎版本困惑的地方

HoneyMoose

极客时间-大数据-作业三-HBase 创建表

西伯利亚鼯鼠

在线生成制作Pornhub的微信公众号封面图

入门小站

工具

「SQL数据分析系列」13. 索引和约束

Databri_AI

sql 分布式

毕业总结

请弄脏我的身体

架构实战营

Vue进阶(幺陆陆):组件实例 $el 详解

No Silver Bullet

Vue 7月日更 $el

2021最新华为Java校招面试题,看完直呼内行

Java 程序员 面试 后端

程序员有哪些不可或缺的效率神器?

Jackpop

开发

开发者必备神器,你真的会用吗?

Jackpop

Vue进阶(幺柒柒):Vue 应用 Sass、Scss、Less 和 Stylus

No Silver Bullet

Vue 7月日更 预处理器

2021最新阿里Java面经,一篇文章帮你解答

Java 程序员 面试 后端

想要跳槽拿高薪,却没有大型性能调优经验怎么办?淘宝架构师手把手带你前进

Java架构师迁哥

外包学生管理系统的架构设计

架构0期-Bingo

详解Java内存模型

程序员阿杜

Java JVM Java虚拟机

网络攻防学习笔记 Day91

穿过生命散发芬芳

网络攻防 7月日更

Linux之vmstat命令

入门小站

Linux

Text classification with TensorFlow Hub: Movie reviews

毛显新

tensorflow

音视频详细学习路线和权威资料

hanaper

音视频 ffmpeg 语音识别 语音合成 图形图像处理

区块链产业政策红利加速释放

CECBC

2021最新腾讯Java高级面试题总结,Java篇

Java 程序员 面试 后端

java 虐“狗”日常

喵叔

7月日更

架构实战营 模块 4 作业

Geek_8c5f9c

架构实战营

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