SharedObject使用：在FluorineFx.net与Flex中使用共享对象维护在线用户列表实例【转】

一、添加一个新的FluorineFx的服务类项目OnLineService，删除原有的Sample.cs，并添加一个用户类定义与一个ApplicationAdpater类：如下：

/*-- User.cs --*/

namespace OnLineService

{

public class User

{

public string UserName { get; set; }

public string UserPsw { get; set; }

}

}

/* --  ApplicationAdapter类:DemoApp.cs --*/

using FluorineFx;

using FluorineFx.Messaging.Adapter;

using FluorineFx.Messaging.Api;

using FluorineFx.Messaging.Api.SO;

namespace OnLineService

{

/// <summary>

/// Fluorine sample service.

/// </summary>

[RemotingService("用户登录状态测试程序")]

public class DemoApp:ApplicationAdapter

{

public override bool AppConnect(IConnection connection, object[] parameters)

{

string userName = parameters[0] as string;

string password = parameters[1] as string;

// 这里可以自定义登录判断验证逻辑，此处只要密码为000即可进入

if (password != "000")

return false;

// 将当前连接添加一个userName属性与当前登录用户关联起来

// 以便此连接掉线时，可以准确定位到其相关用户

connection.Client.SetAttribute("userName", userName);

//获取共享对象(OnLineUsers)

ISharedObject users_so = GetSharedObject(connection.Scope, "OnLineUsers");

if (users_so == null)

{

//第一个用户时共享对象不存在，需创建

CreateSharedObject(connection.Scope, "OnLineUsers", false);

users_so = GetSharedObject(connection.Scope, "OnLineUsers");

}

//更新共享对象key为用户名，value为用户对象

//value可以为更复杂的对象，但尽量不要打包List或array，因为Flex端解包不易

users_so.SetAttribute(userName, new User() { UserName = userName, UserPsw = password });

return true;

}

public override void AppDisconnect(IConnection connection)

{

string userName = connection.Client.GetAttribute("userName") as string;

ISharedObject users_so = GetSharedObject(connection.Scope, "OnLineUsers");

if (users_so != null)

{

//从共享对象中移除当前退出系统用户

users_so.RemoveAttribute(userName);

}

base.AppDisconnect(connection);

}

}

}

二、在解决方案中添加一个Fluorine.net Web项目

2.1 在Web根目录下添加apps文件夹，apps下添加OnLineUser文件夹，OnLineUser文件夹下添加app.config配置文件，其下配置应用程序处理为上面定义的DemoApp，如下：

2.2 修改WEB-INF下的service-config.xml，打开其my-rtmp信道配置节（fluorineFx添加的web项目时，默认会将此节注释掉，打开即可）

2.3 在根目录下添加Flex文件下，其下加入libs、src、swf三个子文件夹，将fds.swc拷入libs文件夹，其它两个文件夹在后面的步骤中分别用作 Flex项目的源文件与输出文件目录。

项目的文件组织如下：

三、在Flex Builder3中新建项目OnLineUserDemo，项目路径为2.3中的Flex文件夹，配置测试服务器为asp.net，WebRootUrl路径为vs运行网站时的路径，如下图中的兰色部分：

3.1 右击flex项目的属性（Properties），

配置FlexBuilderPath如下：

配置FlexCompier的参数如下：

注：上面的“E:..”请换成你本地项目中services-config.xml对应的路径（包括下面的Server配置）

配置FlexServce的参数如下：

3.2 以下为OnLineUserDemo.mxml源代码：

<?xml version="1.0" encoding="utf-8"?>

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"

width="600" height="382" backgroundGradientAlphas="[1.0, 1.0]"

backgroundGradientColors="[#000000, #049FF1]" fontSize="12">

<mx:Script>

<![CDATA[

import mx.controls.Alert;

import mx.messaging.config.ServerConfig;

private var nc:NetConnection;

private var so:SharedObject;

private function connectionServer(event:MouseEvent):void

{

var endpoint:String=ServerConfig.getChannel("my-rtmp").endpoint;

nc = new NetConnection();

nc.connect(endpoint+"/OnLineUser",this.txtUserName.text,this.txtPassword.text);

nc.addEventListener(NetStatusEvent.NET_STATUS,onStatusHandler);

nc.client = this;

}

private function onStatusHandler(event:NetStatusEvent):void

{

this.connStatus.text = "连接状态：" + event.info.code;

if(event.info.code == "NetConnection.Connect.Success")

{

//连接远程共享对象

so = SharedObject.getRemote("OnLineUsers",nc.uri,false);

if(so)

{

so.addEventListener(SyncEvent.SYNC,onSyncHandler);

so.connect(nc);

so.client = this;

}

onCallClient("用户【 <font color=\"#FF0000\">"+this.txtUserName.text+"</font>】登陆了系统！");

}

}

private function onSyncHandler(event:SyncEvent):void

{

var temp:Array = new Array();

//so.data中每一个元素即服务器端维护的每一个attribute

for(var u:Object in so.data)

{

temp.push(so.data[u]);

}

this.dgUserList.dataProvider = temp;

}

private function onCallClient(message:String):void

{

so.send("writeMsg",message);

//所以通过so的send方法，可以同时调用每个客户端的writeMsg程序,类似发送广播

}

//writeMsg一定要为public，否则so调用不到

public function writeMsg(message:Object):void

{

var param:String=message.toString();

txtTraceArea.htmlText += param + "\n";

txtTraceArea.validateNow();

txtTraceArea.verticalScrollPosition = txtTraceArea.maxVerticalScrollPosition;

}

]]>

</mx:Script>

<mx:Label x="302" y="153" id="connStatus" width="288" color="#FFFFFF"/>

<mx:Label x="302" y="181" id="nowRoom" width="288" color="#FFFFFF" />

<mx:DataGrid x="24" y="30" height="332" width="248" id="dgUserList">

<mx:columns>

<mx:DataGridColumn dataField="UserName" headerText="姓名"/>

<mx:DataGridColumn dataField="UserPsw" headerText="蜜码"/>

</mx:columns>

</mx:DataGrid>

<mx:Form x="302" y="30" width="236">

<mx:FormItem label="用户名：" color="#FFFFFF">

<mx:TextInput id="txtUserName" width="130" color="#000000"/>

</mx:FormItem>

<mx:FormItem label="密  码：" color="#FFFFFF">

<mx:TextInput id="txtPassword" width="130"

color="#000000" displayAsPassword="true"/>

</mx:FormItem>

<mx:FormItem label="">

<mx:Button label="登陆服务器" click="connectionServer(event)"

enabled="{this.txtUserName.text.length&gt;0?true:false}" color="#FFFFFF"/>

</mx:FormItem>

</mx:Form>

<mx:TextArea x="302" y="209" width="288" height="153" alpha="1.0"

backgroundColor="#F2D2D2" backgroundAlpha="0.26" color="#FFFFFF"

id="txtTraceArea" borderColor="#FFFFFF"/>

</mx:Application>

效果图：

 

分类: FlourineFx.net使用心得

标签: FluorineFx, Flex, ActionScript, SharedObject

绿色通道： 好文要顶 关注我 收藏该文与我联系 

羊圈里最帅的羊
关注 - 1
粉丝 - 0

 

 

+加关注

0

0

 

(请您对文章做出评价)

 

«上一篇：Flex与As3学习笔记之：Part 3 函数参数、字符串处理、日期与时间类型
»下一篇：Flex中NetConnection与NetStream的关系、及浏览器并发连接数测试

posted @ 2012-02-08 13:45 羊圈里最帅的羊 阅读(194) 评论(1) 编辑 收藏

 

发表评论

 

  回复引用

#1楼[楼主] 2012-02-08 13:46 | 羊圈里最帅的羊 

本实例源代码下载：
点击下载