Flash/Flex学习笔记(53)：利用FMS快速创建一个文本聊天室-优快云博客

本文介绍了一种使用AS3.0实现的聊天室系统，详细展示了客户端和服务端的代码实现，包括登录验证、消息发送及接收等功能。通过FMS作为中间件简化了开发流程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

先来看客户端fla的构成：

第一帧：登录界面

第一帧的代码：

 
    01import flash.events.MouseEvent; 

    02import com.adobe.utils.StringUtil; 

    03import utils.Alert; 

    04  

    05stop(); 

    06  

    07var userName:String=""; 

    08  

    09Alert.init(stage); 

    10  

    11btnLogin.addEventListener(MouseEvent.CLICK,btnLoginClick); 

    12  

    13function btnLoginClick(e:MouseEvent):void{   

    14    txtUserName.text = StringUtil.trim(txtUserName.text); 

    15    this.userName = txtUserName.text; 

    16    if (this.userName.length<=0){ 

    17        Alert.show("请输入用户名!",null,0xefefef,0x000000); 

    18    } 

    19    else{ 

    20        gotoAndPlay(2); 

    21    }    

    22}

第二帧：聊天的主界面

代码：

 
    01import flash.net.NetConnection; 

    02import flash.events.MouseEvent; 

    03import flash.events.NetStatusEvent; 

    04import flash.events.KeyboardEvent; 

    05import utils.Alert; 

    06import flash.ui.Keyboard; 

    07  

    08stop(); 

    09  

    10var nc:NetConnection; 

    11  

    12function init():void { 

    13    nc = new NetConnection(); 

    14    nc.client=new Object(); 

    15    //定义供服务端广播消息时需要的客户端函数(结合main.asc查看) 

    16    nc.client.showmsg = function (str:String):void

    17    { 

    18    txtMsg.appendText(str + "\n"); 

    19    }; 

    20  

    21    nc.addEventListener(NetStatusEvent.NET_STATUS,connHandler); 

    22    nc.connect("rtmp://localhost/chat",userName);//注:这里的userName是在第一帧定义的 

    23    updateMsg("正在连接服务器..."); 

    24    btnSend.addEventListener(MouseEvent.CLICK,btnSendClick); 

    25  

    26    txtSend.addEventListener(KeyboardEvent.KEY_DOWN,txtSendKeyDown); 

    27  

    28} 

    29  

    30function txtSendKeyDown(e:KeyboardEvent):void { 

    31    if (e.keyCode == Keyboard.ENTER) { 

    32        btnSendClick(null); 

    33    } 

    34} 

    35  

    36function btnSendClick(e:MouseEvent):void { 

    37    txtSend.text = StringUtil.trim(txtSend.text); 

    38    if (txtSend.text != "") { 

    39        nc.call("sendmsg",null,txtSend.text); 

    40        txtSend.text = ""; 

    41    } 

    42    else { 

    43        Alert.show("请输入要发送的内容!",null,0xefefef,0x000000); 

    44    } 

    45} 

    46  

    47function connHandler(e:NetStatusEvent) { 

    48    switch (e.info.code) { 

    49        case "NetConnection.Connect.Closed" : 

    50            updateMsg("成功关闭连接！"); 

    51            break; 

    52        case "NetConnection.Connect.Failed" : 

    53            updateMsg("连接尝试失败！"); 

    54            break; 

    55        case "NetConnection.Connect.Success" : 

    56            updateMsg("服务器连接成功！"); 

    57            break; 

    58        case "NetConnection.Connect.Rejected" : 

    59            updateMsg("连接尝试没有访问应用程序的权限！"); 

    60            break; 

    61        default : 

    62            txtMsg.appendText(e.info.code + "\n"); 

    63            break; 

    64    } 

    65} 

    66  

    67function updateMsg(msg:String):void { 

    68    txtMsg.appendText(msg + "\n"); 

    69} 

    70  

    71init();

服务端main.asc的处理(注：main.asc保存时，貌似只能选择为utf-8编码，否则运动时客户端一直连接不上)

 
    01application.onAppStart = function() { 

    02    trace("onAppStart"); 

    03}; 

    04  

    05//新客户端连接时触发 

    06application.onConnect = function(client, uName) { 

    07    trace("onConnect = "+uName); 

    08    client.UserName = uName; 

    09    application.acceptConnection(client);//允许客户登录，如果要对客户身份做验证，在此扩展即可     

    10    hellomsg="系统信息："+client.UserName+" 进入聊天室"; 

    11    application.broadcastMsg("showmsg",hellomsg);//调用所有client的showmsg方法，并传递参数hellomsg(客户端的代码中，必须有对应的showmsg函数) 

    12      

    13    //定义服务端的sendmsg方法，以便客户端能调用 

    14    client.sendmsg = function(msg) { 

    15        mesg = client.UserName+": "+msg; 

    16        //每次client调用本方法后，服务器同步广播到所有client 

    17        application.broadcastMsg("showmsg",mesg) 

    18    }; 

    19      

    20}; 

    21  

    22//有客户端断开连接时触发 

    23application.onDisconnect = function(client) { 

    24    trace("onDisconnect ="+client.UserName);     

    25    hellomsg="系统信息："+client.UserName+" 离开聊天室"; 

    26    application.broadcastMsg("showmsg",hellomsg) 

    27}; 

    28application.onAppStop = function() { 

    29    trace("onAppStop"); 

    30};

运行中的样子：

注：艾睿论坛上曾有一篇教程利用FMS的远程共享对象来创建聊天室，远程对象在编码上也许更简单，不过个人感觉性能不太理想(因为对于共享对象的广播是FMS自动的，完全不受控制，不管客户端想不想接收消息，都会被动接收消息)，本文演示的是另一种常见做法（服务端可以有选择性的仅向某些Client发送消息），而且网上也有很多相关文章，只不过要么是收费的，要么是基于AS2.0的，今天用AS3.0整理出来，于已方便、与人方便。

源代码下载：http://cid-2959920b8267aaca.skydrive.live.com/self.aspx/Flash/FMSTxtChatBasicDemo.rar

后话：这个跟silverlight做的聊天室(基于scoket或wcf双工通讯)有什么不同呢？答：silverlight做聊天室应用，往往需要开发者自己做一个(scoket) server端，而adobe的fms正好充当了这个角色，省去了这一步之后，程序员只需要把注意力集中在客户端和业务逻辑上即可，开发量大大缩减。

转载于:https://www.cnblogs.com/happysky97/archive/2010/11/22/1884640.html