flex shareObject对象详解

 ShareObject,顾名思义共享对象,而通常意义上的共享，从B/S结构上来讲,无非是客户端（浏览器端）的共享和服务器端的共享了,不错,ShareObject刚好份演了这两种角色。而且ShareObject也是按此进行了两种分类,一类是LSO——Local Share Object（本地共享对象）其实类似于cookie，而另一种RSO——Remote Share Object(远程共享对象) 我感觉比较类似于JSP中的Application对象，但好象比Application更强大。

Share object一般用来保存前来访问的用户的个人信息到用户的机器上。比如用户登陆过后保存他的名字，下次访问时自动显示，或者保存用户的个性化设置等等。每个网站对应100K的默认大小，如果尝试写入超过100K的数据到客户端硬盘，flash player会有提示。

下面就本地和远程来分别举例：

 

第一种 本地的shareobject使用--LSO（本地共享对象）：

LSO的用法比较简单，和我们平常操作Cookie大同小异：

1．得到一个共享对象：

var so:SharedObject=SharedObject.getLocal("mydata","/");

2．往共享对象里存入值：

var user:Object=new Object();

              user.userName=userName.text;

              user.passWord=passWord.text;

              user.isSaveLogin=(remember.selected==true?1:0);

              so.data.user=user;

3．清除共享对象里的值：

       var so:SharedObject=SharedObject.getLocal("mydata","/");

                            if(so.data.user!=null){

                                   so.data.user=null;

                            }

4．读取共享对象里的值：

       var so:SharedObject=SharedObject.getLocal("mydata","/");

                            if(so.data.user!=null){

                                   userName.text=so.data.user.userName;

                                   passWord.text=so.data.user.passWord;

                                   if(so.data.user.isSaveLogin.toString()=="1"){

                                          remember.selected=true;

                                   }

实例：

<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" fontSize="14" initialize="init()" backgroundGradientColors="[#ffffff, #ffffff]"> <mx:Script> <!--[CDATA[ import mx.controls.Alert; //引入SharedObject类 import flash.net.SharedObject; //界面初始化时获取是否包含共享对象 public var myShare:SharedObject; //页面初始化时调用该方法 private function init():void{ //创建共享对象 myShare = SharedObject.getLocal("mydata"); var userR:String = myShare.data.userData; var passR:String = myShare.data.passData; //判断是否记录用户信息,如果记录直接进入第二个界面 if(userR!=null&&CheckLog(userR,passR)) { incan.enabled =true; login.selectedIndex =1; time.visible = true; } } //单击登陆按钮处理事件 private function userLogin():void{ var s3:String = uName.text; var s4:String = pass.text; //检测用户是否合法 if(CheckLog(s3,s4)){ //如果用户选择记录,则写入共享对象 if(rec.selected){ record(s3,s4);} incan.enabled =true; login.selectedIndex =1; } else mx.controls.Alert.show("用户名或者密码错"); clearinput(); } //检测用户是否合法,从XML中读取用户信息 private function CheckLog(d1:String,d2:String):Boolean{ var s1:String = loginData.user; var s2:String = loginData.pass; if(d1==s1&&d2==s2) return true; else return false; } //写入共享对象 private function record(d1:String,d2:String):void{ myShare.data.userData =d1; myShare.data.passData =d2; //将对象写入文件 myShare.flush(); } private function clearRec():void{ myShare.clear(); incan.enabled = false;; login.selectedIndex =0; } //返回共享对象中的应用名 private function getUser():String{ return myShare.data.useaData; } //返回共享对象密码 private function getpass():String{ return myShare.data.passData; } //清空按钮处理事件 private function clearinput():void{ uName.text="" pass.text =""; } ]]--> </mx:Script> <mx:Model id="loginData" source="user.xml"/> <mx:TabNavigator id="login" x="128" y="116" width="428" height="280"> <mx:Canvas label="登陆" width="100%" height="100%"> <mx:FormItem label="用户名" x="92" y="48"> <mx:TextInput id="uName"/> </mx:FormItem> <mx:FormItem label="密 码" x="92" y="101"> <mx:TextInput id="pass" displayAsPassword="true"/> </mx:FormItem> <mx:Button x="92" y="168" label="登陆" cornerRadius="16" click="userLogin()"/> <mx:Button x="248" y="168" label="清空" cornerRadius="16" click="clearinput()"/> <mx:CheckBox id="rec" x="81.5" y="200" label="记住用户名密码,下次登陆不用再输入" height="37"/> </mx:Canvas> <mx:Canvas id="incan" label="查看记录" width="100%" height="100%" enabled="false"> <mx:LinkButton x="313" y="10" label="注销" toolTip="注销时,删除本地记录" click="clearRec()"/> <mx:Label x="107" y="124" text="这时登陆后才能看到的界面"/> </mx:Canvas> </mx:TabNavigator> <mx:Text x="128" y="404" width="428" id="time" text="您已经自动登陆" color="#ff0000"/> </mx:Application>

 

 

第二种 远程shareobject使用（引用下hacher 47的文章，已经讲得很详细）--RSO（远程共享对象）：

  

 RSO是服务器端的共享对象，服务器端的数据共享可以实现多个客户端数据共享，在这里服务器我采用Flash Media Server3，FMS的使用非常简便，你只要在安装目录下找到Applications目录，并在其下新建一个子目录就可以成为你的工程或项目了。关于FMS的使用大家可以参考相关文章，本文不做介绍：利用FMS和RSO我们可以实现非常多的功能，诸如，聊天室，联机游戏，视频会议，在线视频录制和视频聊天。。。。。。

在这里我用一个简单的聊天室实例为例稍做讲解：

<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="TextSO ();"> <mx:Script> <!--[CDATA[ import flash.events.SyncEvent; import flash.events.NetStatusEvent; import flash.events.MouseEvent; import flash.net.SharedObject; import flash.net.NetConnection; private var text_so:SharedObject; private var nc:NetConnection; private var rtmpGo:String; private var good:Boolean; public function TextSO ():void { button.label="Send"; button.addEventListener (MouseEvent.CLICK,sendMsg);//为发送按钮添加发送事件 rtmpGo = "rtmp://localhost/basicSO";//这里设置FMS服务器的连接地址,basicSO即为, //FMS安装目录下Applications下自己手动新建的一个文件夹名称,也是FMS的工程名,就是这么简洁,不可意议 nc = new NetConnection( );//产生一个连接对象 nc.connect (rtmpGo);//连接到上面的地址 nc.addEventListener (NetStatusEvent.NET_STATUS,doSO);//加入连接的监听事件,以便根据连接返回的状态做相应处理 } private function doSO (e:NetStatusEvent):void { good=e.info.code == "NetConnection.Connect.Success";//判断是否为连接成功状态 //连接返回的状态有好几种,大家可以参看FMS的文档,很详尽 if (good)//如果连接成轼,执行如下操作 { text_so=SharedObject.getRemote("test",nc.uri,false);//得到远程共享对象,false属性是设置共享的数据为非持久化的, //即重启服务器后,先前的数据不会保存 text_so.connect (nc); text_so.addEventListener (SyncEvent.SYNC,checkSO); //为共享对象添加异步事件,这也是服务器同步处理多客户端最关键的地方, //一个客户端进行了什么操作,其它客户端也会有相应的变化,就是通过此事件来完成的 } } private function checkSO (e:SyncEvent):void { for (var chng:uint; chng<e.changeList.length; chng++) { switch (e.changeList[chng].code) { case "clear" : break; case "success" : trace (text_so.data.msg); break; case "change" ://一个客户端改变数据会更新所有客户端 textArea.htmlText+=text_so.data.msg + "/n"; break; } } } private function sendMsg (e:MouseEvent):void { text_so.setProperty ("msg",textInput.text);//将新的信息存入共享对象 textArea.htmlText+=text_so.data.msg + "/n";//更新客户端的信息列表 } ]]--> </mx:Script> <mx:VBox> <mx:TextArea id="textArea" width="200" height="200"/>//信息列表框 <mx:TextInput id="textInput"/>//消息输入框 <mx:Button id="button" />//发送按钮 </mx:VBox> </mx:Application>