您的位置：首页 > 其它

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

2010-11-22 18:11 399 查看
先来看客户端fla的构成：

第一帧：登录界面



第一帧的代码：

showsourceviewsource

print?

01
import
flash.events.MouseEvent;
02
import
com.adobe.utils.StringUtil;
03
import
utils.Alert;
04
05
stop();
06
07
var
userName:
String
=
""
;
08
09
Alert.init(stage);
10
11
btnLogin.addEventListener(MouseEvent.CLICK,btnLoginClick);
12
13
function
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
}
第二帧：聊天的主界面



代码：

showsourceviewsource

print?

01
import
flash.net.NetConnection;
02
import
flash.events.MouseEvent;
03
import
flash.events.NetStatusEvent;
04
import
flash.events.KeyboardEvent;
05
import
utils.Alert;
06
import
flash.ui.Keyboard;
07
08
stop();
09
10
var
nc:NetConnection;
11
12
function
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
30
function
txtSendKeyDown(e:KeyboardEvent):
void
{
31
if
(e.keyCode==Keyboard.ENTER){
32
btnSendClick(
null
);
33
}
34
}
35
36
function
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
47
function
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
67
function
updateMsg(msg:
String
):
void
{
68
txtMsg.appendText(msg+
"\n"
);
69
}
70
71
init();
服务端main.asc的处理(注：main.asc保存时，貌似只能选择为utf-8编码，否则运动时客户端一直连接不上)

showsourceviewsource

print?

01
application.onAppStart=
function
(){
02
trace
(
"onAppStart"
);
03
};
04
05
//新客户端连接时触发
06
application.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
//有客户端断开连接时触发
23
application.onDisconnect=
function
(client){
24
trace
(
"onDisconnect="
+client.UserName);
25
hellomsg=
"系统信息："
+client.UserName+
"离开聊天室"
;
26
application.broadcastMsg(
"showmsg"
,hellomsg)
27
};
28
application.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正好充当了这个角色，省去了这一步之后，程序员只需要把注意力集中在客户端和业务逻辑上即可，开发量大大缩减。
                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航