您的位置:首页 > 移动开发 > Objective-C

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

2018-03-14 00:26 801 查看
一、添加一个新的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>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 | 羊圈里最帅的羊

本实例源代码下载:
点击下载
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐