flash cookie的制作和使用例子详解一

ylq365

浏览: 1271775 次
性别:
来自: 上海

最近访客更多访客>>

ningzong

hao___feng

yuli001123

softech

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

flash cookie例子，flash cookie

flash cookie是什么，有什么作用，这些不做介绍，可以在网上搜，这里主要是做一个制作和使用flash cookie的例子

要使用flash cookie首先要制作一个swf的flash文件，然后在页面才能调用。
flash的制作，这里我们就用adobe flash cs5,这个工具网上一搜就可以找到下载地址
打开后界面如下图所示，

这个工具对于制作flash是一个利器，这里我们不过多的介绍flash的制作，我们其实只是借助于flash文件在页面使用actionscript的方法。建一个actionscirpt3的文件

点窗口动作，我们就可以在这里写actionscript3的代码了，下面是我们这个例子的as代码。


//导入ExternalInterface类
import flash.external.ExternalInterface;
flash.system.Security.allowDomain("http://localhost");
flash.system.Security.allowDomain("http://127.0.0.1");
//允许任何域都可以访问
flash.system.Security.allowDomain("*");

function setFC(userName:String,sex:String){
	var FlashCookie:SharedObject = SharedObject.getLocal("testFlashCookie");
	FlashCookie.data.userName = userName;
	FlashCookie.data.sex = sex;
	FlashCookie.flush();
}
function getFC():String{
	var FlashCookie:SharedObject = SharedObject.getLocal("testFlashCookie");
	return FlashCookie.data.userName;
}
function setFCUserObj(obj:Object){
	var FlashCookie:SharedObject = SharedObject.getLocal("testFlashCookie");
	FlashCookie.data.userName = obj.userName;
	FlashCookie.data.sex = obj.sex;
	FlashCookie.flush();
}
//允许js)调用flash中的getFC(),setFC(),setFCUserObj
ExternalInterface.addCallback("getFC",getFC); 
ExternalInterface.addCallback("setFC",setFC); 
ExternalInterface.addCallback("setFCUserObj",setFCUserObj);

对上面的代码进行一下说明

import flash.external.ExternalInterface;

这里必须导出这个类，因为下面要使用ExternalInterface

下面的这些代码是安全方面的控制，这些域名可以访问，*说明任何域名都可以访问

flash.system.Security.allowDomain("http://localhost");
flash.system.Security.allowDomain("http://127.0.0.1");
//允许任何域都可以访问
flash.system.Security.allowDomain("*");

然后就做了三个Actionscript的方法setFC，get，setFCUserOb,再下面的代码
//允许js)调用flash中的getFC(),setFC(),setFCUserObj

ExternalInterface.addCallback("getFC",getFC); 
ExternalInterface.addCallback("setFC",setFC); 
ExternalInterface.addCallback("setFCUserObj",setFCUserObj);

这里要说一下，例如：ExternalInterface.addCallback("getFC",getFC); 这里的括号里的第一个参数是js调用时使用的方法名，第二个参数是as本来的方法，这里的第二个参数不能变，定义的是什么方法就是什么方法，第一个参数可以变成任何的名字，在真实的环境中这里最好变一下免得别人可以很容易猜到as中的方法

上面对这段代码的基本的东西说了一下，下面说一下存取flash cookie里的方法,flash cooike里存取的东西都是放在SharedObject这里的
这一句

var FlashCookie:SharedObject = SharedObject.getLocal("testFlashCookie");

定义了一个对象FlashCookie这个对象是SharedObject 类型的
这两句说明了这个对象的结构，就是这个对象里存一个data的对象，data对象里有userName和sex,代码右边的userName和sex都是传进来的参数。这里也要说明一下，这个FlashCookie对象的结构可以随便定义，免得别人可以猜到这个结构，当然这里为了直观就直接写userName了。

FlashCookie.data.userName = userName;
	FlashCookie.data.sex = sex;

这一句FlashCookie.flush();是把赋过值的这个我们新定义的对象存到本地的cookie中，ok这一段代码说完了，还有什么不清楚，可以有针对性的在网上搜索一下。

写完上面的代码后就要把代码生成swf文件了，这个很容易的，点文件－－－发布，就可以在相应的目录下看到新生成的三个文件这里我们的是testFC.fla,这个是工程文件，有这个文件就可以看到原代码的，发布后我们不用这个文件，用testFC。swf文件，我们费这么大力气其实就是为了得到这个文件,还有一个就是testFC.html文件，这个是给我们生成的测试文件，我们只用在testFC.html里添加上我们要写的javascript就可以了

testFC.html的内容如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN" xml:lang="zh-CN">
	<head>
		<title>testFC</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<style type="text/css" media="screen">
		html, body { height:100%; background-color: #ffffff;}
		body { margin:0; padding:0; overflow:hidden; }
		#flashContent { width:100%; height:100%; }
		</style>
		<script type="text/javascript">
			function setFC(){
				thisMovie().setFC("soctt","m");
			}
			function setFCUseObj(){
				var obj = new Object();
				obj.userName="AlecYan";
				obj.sex="m";
				thisMovie().setFCUserObj(obj);
			}
			function getFC(){
				alert(thisMovie().getFC());
			}
			//输出测试，通过v传递flash变量
			function GetSwfUrl(v) {alert("ooooo");
			alert(v);
	
			}
			//调用flash中的方法，"my_mv"为html页中swf的id
			function callExternal() {alert("ffff");
				thisMovie().flAlert();alert("111");
			}
			//搭建js与flash互通的环境
			function thisMovie() {
				if (navigator.appName.indexOf("Microsoft") != -1) {
					return window["testFC"];
				}else{
					return document["testFC"];
				}
			} 
			
		</script>
	</head>
	
	<body>
	<input type="button" onclick="callExternal()" value="Call callExternal" />
	<input type="button" onclick="setFC()" value="setFC" />
	<input type="button" onclick="getFC()" value="getFC" />
	<input type="button" onclick="setFCUseObj()" value="setFCUseObj" />
		
		<div id="flashContent">
			 <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="1" height="1" id="testFC" title="testFC" align="middle">
			 <param name="allowScriptAccess" value="always" />
			 <param name="movie" value="testFC.swf">
			 <param name="quality" value="high">
			 <param name="wmode" value="transparent" />
			 <embed src="testFC.swf" name="testFC" quality="high" allowScriptAccess="always"  swLiveConnect="true" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"  width="1" height="1"></embed>
			</object>
	</div>
	</body>
</html>

这里面没有啥说的，一看就明白了，只是有几个地方要注意
<param name="allowScriptAccess" value="always" /> 这里要写成always，还有可能自动生成的代码没有embed这个标签，如果没有可以把上面的考过去，把相应的地方做修改就可以了

OK，代码就介绍完了，再说明一下的是运行环境，首先我试验的时候发现必须要在服务下运行，也就是要弄一个容器，如果直接打开html文件是不行的，我这里用的是apache,然后把testFC.swf和testFC.html两个文件放在apache的web目录下，在浏览器里http://localhost/testFC.html打开就可以了
到这里flash cookie的制作和使用就介绍完毕，当然可能根据使用的情况不同，会有一些问题，我想有了这么一个框架例子，解决其它的问题都比较容易了。