Javascript与Flash中的Socket编程交互1.doc

Javascript与Flash中的Socket编程交互Flash中的简单概念帧就是影像动画中最小单位的单幅影像画面，相当于电影胶片上的每一格镜头。 关键帧任何动画要表现运动或变化，至少前后要给出两个不同的关键状态，而中间状态的变化和衔接电脑可以自动完成，在Flash中，表示关键状态的帧叫做关键帧。 过渡帧在两个关键帧之间，电脑自动完成过渡画面的帧叫做过渡帧。Flash中的XMLSocket类1.与Socket服务器建立连接调用XMLSocket.connect()方法并监听网络连接的事件消息。该方法有两个参数，host为String类型，值为主机IP或域名，也可以为null，默认为发布该flash的web服务器；port为端口号，没有默认值，最小为1024。如果想突破这个限制需要主机根目录的policy文件。Flash的Socket编程是一个异步的过程，connect方法不会等到一个连接完成后再执行下一代码，因此需要事先准备好一些事件监听器。XMLSocket.onConnect方法用于监听是否成功。Flash在连接到服务器端成功或者失败（包括域认证失败、端口限制或者连接超时以及被服务器主动拒绝等情况）时会给予参数true或者false。请牢记,当与一个主机建立一个Socket连接时,Flash Player要遵守如下安全沙箱规则. 1.Flash的.swf文件和主机必须严格的在同一个域名,只有这样才可以成功建立连接. 2.一个从网上发布的.swf文件是不可以访问本地服务器的. 3.本地未通过认证的.swf文件是不可以访问任何网络资源的. 4.你想跨域访问或者连接低于1024的端口,必须使用一个跨域策略文件. 如果尝试连接未认证的域或者低端口服务,这样就违反了安全沙箱策略,同时会产生一个securityError事件.这些情况都可以通过使用一个跨域策略文件解决.无论是Socket对象还是XMLSocket对象的策略文件,都必须在连接之前通过使用 flash.system.Security.loadPolicyFile()方法载入策略文件.具体如下: Security.loadPolicyFile(/crossdomain.xml); 获得的改策略文件不仅定义了允许的域名,还定义了端口号.如果你不设置端口号,那么Flash Player默认为80端口(HTTP协议默认端口).在标签中可以使用逗号隔开设置多个端口号.下面这个例子就是允许访问80和110端口. 2. 向Socket服务器发送数据XMLSocket.send(String)发送一个字符串，执行时将该数据包发送到服务器。3.从Socket服务器接收数据Flash会从Socket服务器接收数据，在接收到0时认为服务器本次数据发送结束，然后触发XMLSocket.onData定义的监听器。4.断开连接主动地断开连接: XMLSocket.close( )无论是从客户端主动断开连接还是服务器端主动断开，都会触发socket.onClose定义的监听器。5.flash加载最后，如果有些事情必须等flash加载完成才能做，则要在flash使用 ifFrameLoaded (close)定义的监听器再来看这个flash，它没有外观，高度和宽度都被设定为1它有两个层，第一个层定义了全部的监听方法，源代码如下var host;var port;var data;var socket = new XMLSocket();ifFrameLoaded (close) getURL(javascript:SocketOnInit();/它定义了初始化调用什么js函数socket.onData = function(src)如果是为firefox使用，在这里需要增加一行src=escape(src);原因可能是Adobe Flash插件在与JS交互时对UTF-8编码理解不同，经调试在FF下使用escape函数可达到IE相同的效果getURL(javascript:SocketOnData(+src+);/它定义了接收到以0结尾的数据时触发的事件，src是它的参数，触发js函数时作为SocketOnData函数的参数socket.onConnect = function(success)getURL(javascript:SocketOnConnect(+success+);/定义了连接完成调用的方法，无论是成功或失败，success会被赋值true或false用以在js中调用socket.onClose = function()getURL(javascript:SocketOnClose();/连接结束，调用js的SocketOnclose函数第二层定义了主动行为的一些方法，每帧的脚本都以stop()结束，禁止flash自动播放下去触发不必要的事件。第一帧在第一层播放注册监听器时同时运行，所以没有做任何操作。第二帧书写了连接服务器的方法socket.connect(_root.host,_root.port);stop();第三帧书写了发送数据的方法socket.send(_root.data.toString();stop();第四帧书写了与服务器断开连接的方法socket.close();stop();Flash和Javascript的简单通信在Flash中调用Javascript函数getURL(javascript:SocketOnConnect(+success+);它的原理与在浏览器地址栏输入javascript:alert(1)能弹出1的方法类似在Javascript中调用Flash的函数window.document.socket中的socket，是这个flash的idSetVariable方法为flash中的变量赋值TCallLabel方法调用flash中的帧function SocketConnect(host,port)window.document.socket.SetVariable(host, host);window.document.socket.SetVariable(port, port);window.document.socket.TCallLabel(/, connect );简单的DEMO在线交流的前台大部分功能都是纯JS完成的。DEMO的服务器要感谢叶宝军编译的nc。（nc是一个网络调试工具，有网络中的瑞士军刀之美称。有一个功能是监听某个端口，回显连接者的输入，并使用终端向客户端输出字符串。叶宝军将源代码中向客户端输出字符串时最后的n替换成0）前台大部分功能都是Javascript完成的包括初始化时连接服务器、发送接收数据、错误处理、键盘事件处理 等再谈flash调用javascriptFlash调用页面中的javascript函数在做一些flash操作页面DOM的应用的时候很有用,在flash actionscript中调用javascript中的函数方法有两个：1 getURL(” javascript:alert(1)”) 实际上的原理相当于HTML中的调用javascript的方式，相当于一个对本页的一个http请求。下面是在Flash帮助文档中对getUrl函数的说明：getURL(url:String, window:String, method:String) : Void参数：url:String 可从该处获取文档的 URL。window:String 可选 指定应将文档加载到其中的窗口或 HTML 帧。您可输入特定窗口的名称，或从下面的保留目标名称中选择：_self 指定当前窗口中的当前帧。 _blank 指定一个新窗口。 _parent 指定当前帧的父级。 _top 指定当前窗口中的顶级帧。 method:String 可选 用于发送变量的 GET 或 POST 方法。如果没有变量，则省略此参数。GET 方法将变量附加到 URL 的末尾，它用于发送少量的变量。POST 方法在单独的 HTTP 标头中发送变量，它用于发送长字符串的变量。（请注意，当使用 getURL() 调用 JavaScript 时，url 参数最多只能包含 508 个字符）：Onbeforeunload事件ifFrameLoaded (close) getURL(javascript:SocketOnInit();2 FSCommand(”alert”,1);原理类似于HTML中，相当于直接调用。如果你想使用FSCommand，那么你需要为IE浏览器加入VB Script代码来捕获fscommand命令，Sub socket_FSCommand(ByVal command, ByVal args)call socket_DoFSCommand(command, args)end sub然后把它传递给JavaScriptfunction socket_DoFSCommand(command, args) if (command = SocketOnData) SocketOnData(args); else if(command = SocketOnInit)SocketOnInit();else if(command = SocketOnConnect)SocketOnConnect(args);else if(command = SocketOnClose)SocketOnClose();有一点需要注意的是 socket 应该是你在OBJECT 和EMBED标记为你的影片起的名字。对于JavaScript的一点解释。“socket_DoFSCommand”函数随时调用名称为“socket”的发送fscommand命令的影片。“DoFSCommand” 关键字是Flash用来识别的函数，该函数被fscommand命令加载。前缀“socket_”指出被命令调用的影片的名称。因此，当一个名为“socket”的影片调用FS Command命令时，名为“socket_DoFSCommand”的函数将被加载。关于ExternalInterface类ExternalInterface 类是外部 API（在 ActionScript 和 Flash Player 的容器之间实现直接通讯的应用程序编程接口）；例如，含有 JavaScript 的 HTML 页或嵌入 Flash Player 的桌面应用程序。ExternalInterface 在功能上与 fscommand()、CallFrame() 和 CallLabel() 方法相似，但它更灵活、更通用。推荐对 JavaScript 和 ActionScript 之间的通讯使用 ExternalInterface。从 ActionScript 中，您可以在 HTML 页上调用任何 JavaScript 功能，传递任何数据类型的任意数量的参数，并接收来自该调用的返回值。从 HTML 页上的 JavaScript 中，可以调用 Flash Player 中的 ActionScript 函数。ActionScript 函数可以返回一个值，JavaScript 会立即接收它作为该调用的返回值。例如：在AS中/导入ExternalInterface类import flash.external.ExternalInterface;/下面这个赋值一定要注意，如果是字符串，写法应该是在双引内再加单引 var i:String = js调用flash中的方法，传递flash变量给js;function showAlert()/调用js方法jsAlert()，并将flash变量赋值给jsExternalInterface.call(jsAlert(+i+);/允许js中的flAlert()调用flash中的showAlert()ExternalInterface.addCallback(flAlert,null,showAlert);以下为JS：/输出测试，通过v传递flash变量function jsAlert(v)alert(v);/调用flash中的方法，my_mv为html页中swf的idfunction callExternal()thisMovie(my_mv).flAlert();/搭建js与flash互通的环境function thisMovie(movieName)