`
touchinsert
  • 浏览: 1370537 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

ActionScript 3的HTTPTunnel的实现

ActionScriptSocketFlashFlexF# 
阅读更多

ActionScript 3是Adobe公司开发的用于编写Flash的脚本语言。Adobe新推出的Adobe Flex的Rich Internet Application开发平台同样支持Action Script。ActionScript编写的Flex Data Service提供了丰富的数据处理功能，也包括实现了通过建立HTTPChannel的数据实时更新功能，例如聊天室，股市行情等。本文将使用ActionScript 3.0编写HTTPTunnel Client取代Flex Data Service的HTTPChannel， 用开源的Java HTTPTunnel作为Server，实现数据实时更新。

1 架构

<group id="_x0000_s1026" style="WIDTH: 252.1pt; HEIGHT: 161.95pt; mso-position-horizontal-relative: char; mso-position-vertical-relative: line" coordsize="4291,2776" coordorigin="2279,5367" editas="canvas"><lock aspectratio="t" v:ext="edit"></lock><shapetype id="_x0000_t75" stroked="f" filled="f" path="m@4@5l@4@11@9@11@9@5xe" o:preferrelative="t" o:spt="75" coordsize="21600,21600"><stroke joinstyle="miter"></stroke><formulas><f eqn="if lineDrawn pixelLineWidth 0"></f><f eqn="sum @0 1 0"></f><f eqn="sum 0 0 @1"></f><f eqn="prod @2 1 2"></f><f eqn="prod @3 21600 pixelWidth"></f><f eqn="prod @3 21600 pixelHeight"></f><f eqn="sum @0 0 1"></f><f eqn="prod @6 1 2"></f><f eqn="prod @7 21600 pixelWidth"></f><f eqn="sum @8 21600 0"></f><f eqn="prod @7 21600 pixelHeight"></f><f eqn="sum @10 21600 0"></f></formulas><path o:connecttype="rect" gradientshapeok="t" o:extrusionok="f"></path><lock aspectratio="t" v:ext="edit"></lock></shapetype><shape id="_x0000_s1027" style="LEFT: 2279px; WIDTH: 4291px; POSITION: absolute; TOP: 5367px; HEIGHT: 2776px" o:preferrelative="f" type="#_x0000_t75"><font size="3"><fill o:detectmouseclick="t"></fill><path o:connecttype="none" o:extrusionok="t"></path><lock v:ext="edit" text="t"></lock></font></shape><shapetype id="_x0000_t202" path="m,l,21600r21600,l21600,xe" o:spt="202" coordsize="21600,21600"><stroke joinstyle="miter"></stroke><path o:connecttype="rect" gradientshapeok="t"></path></shapetype><shape id="_x0000_s1028" style="LEFT: 2739px; WIDTH: 1225px; POSITION: absolute; TOP: 6446px; HEIGHT: 771px" type="#_x0000_t202"><textbox inset="5.85pt,.7pt,5.85pt,.7pt"><table cellspacing="0" cellpadding="0" width="100%"><tbody><tr> <td style="BORDER-RIGHT: #ece9d8; BORDER-TOP: #ece9d8; BORDER-LEFT: #ece9d8; BORDER-BOTTOM: #ece9d8; BACKGROUND-COLOR: transparent"> <div> <p class="MsoNormal" style="MARGIN: 0mm 0mm 0pt"><span lang="EN-US" style="FONT-FAMILY: SimSun; mso-fareast-language: ZH-CN"><font size="3">Flash<p></p></font></span></p> <p class="MsoNormal" style="MARGIN: 0mm 0mm 0pt"><span lang="EN-US" style="FONT-FAMILY: SimSun; mso-fareast-language: ZH-CN"><font size="3">Web Browser</font></span></p> </div> </td> </tr></tbody></table></textbox></shape><shape id="_x0000_s1029" style="LEFT: 5343px; WIDTH: 1227px; POSITION: absolute; TOP: 6446px; HEIGHT: 771px" type="#_x0000_t202"><textbox inset="5.85pt,.7pt,5.85pt,.7pt"><table cellspacing="0" cellpadding="0" width="100%"><tbody><tr> <td style="BORDER-RIGHT: #ece9d8; BORDER-TOP: #ece9d8; BORDER-LEFT: #ece9d8; BORDER-BOTTOM: #ece9d8; BACKGROUND-COLOR: transparent"> <div> <p class="MsoNormal" style="MARGIN: 0mm 0mm 0pt"><span lang="EN-US" style="FONT-FAMILY: SimSun; mso-fareast-language: ZH-CN"><font size="3">JHTTPTunnel <p></p></font></span></p> <p class="MsoNormal" style="MARGIN: 0mm 0mm 0pt"><span lang="EN-US" style="FONT-FAMILY: SimSun; mso-fareast-language: ZH-CN"><font size="3">Server<p></p></font></span></p> <p class="MsoNormal" style="MARGIN: 0mm 0mm 0pt"><span lang="EN-US"><p><font face="Century" size="3"></font></p></span></p> </div> </td> </tr></tbody></table></textbox></shape><shapetype id="_x0000_t38" filled="f" path="m,c@0,0@1,5400@1,10800@1,16200@2,21600,21600,21600e" o:spt="38" coordsize="21600,21600" o:oned="t"><formulas><f eqn="mid #0 0"></f><f eqn="val #0"></f><f eqn="mid #0 21600"></f></formulas><path o:connecttype="none" fillok="f" arrowok="t"></path><handles><h position="#0,center"></h></handles><lock v:ext="edit" shapetype="t"></lock></shapetype><shape id="_x0000_s1030" style="LEFT: 4653px; WIDTH: 1px; POSITION: absolute; TOP: 5145px; HEIGHT: 2604px; rotation: 270; flip: y" type="#_x0000_t38" adj="-7776000,-46412,63979200" o:connectortype="curved"><stroke endarrow="block"><font face="Century" size="3"></font></stroke></shape><shape id="_x0000_s1031" style="LEFT: 4653px; WIDTH: 1px; POSITION: absolute; TOP: 5916px; HEIGHT: 2604px; rotation: 90" type="#_x0000_t38" adj="7776000,-52765,-130075200" o:connectortype="curved"><stroke endarrow="block"><font face="Century" size="3"></font></stroke></shape><shape id="_x0000_s1032" style="LEFT: 3658px; WIDTH: 2604px; POSITION: absolute; TOP: 7680px; HEIGHT: 309px" stroked="f" filled="f" type="#_x0000_t202"><textbox inset="5.85pt,.7pt,5.85pt,.7pt"><table cellspacing="0" cellpadding="0" width="100%"><tbody><tr> <td style="BORDER-RIGHT: #ece9d8; BORDER-TOP: #ece9d8; BORDER-LEFT: #ece9d8; BORDER-BOTTOM: #ece9d8; BACKGROUND-COLOR: transparent"> <div> <p class="MsoNormal" style="MARGIN: 0mm 0mm 0pt"><span lang="EN-US" style="FONT-FAMILY: SimSun; mso-fareast-language: ZH-CN"><font size="3">3 HTTPHeader+Content Data</font></span></p> </div> </td> </tr></tbody></table></textbox></shape><shape id="_x0000_s1033" style="LEFT: 3964px; WIDTH: 1226px; POSITION: absolute; TOP: 5367px; HEIGHT: 617px" stroked="f" filled="f" type="#_x0000_t202"><textbox inset="5.85pt,.7pt,5.85pt,.7pt"><table cellspacing="0" cellpadding="0" width="100%"><tbody><tr> <td style="BORDER-RIGHT: #ece9d8; BORDER-TOP: #ece9d8; BORDER-LEFT: #ece9d8; BORDER-BOTTOM: #ece9d8; BACKGROUND-COLOR: transparent"> <div> <p class="MsoNormal" style="MARGIN: 0mm 0mm 0pt"><span lang="EN-US" style="FONT-FAMILY: SimSun; mso-fareast-language: ZH-CN"><font size="3">1 Post <p></p></font></span></p> <p class="MsoNormal" style="MARGIN: 0mm 0mm 0pt"><span lang="EN-US" style="FONT-FAMILY: SimSun; mso-fareast-language: ZH-CN"><font size="3">2 Get</font></span></p> </div> </td> </tr></tbody></table></textbox></shape><wrap type="none"></wrap><anchorlock></anchorlock></group>

1． Flash客户端连接HTTP Server并向HTTP Server发送Post命令。

2． Flash客户端连接HTTP Server并向HTTP Server发送Get命令。

3． HTTP Server向Flash不断发送遵循HTTP协议的数据，直到Flash客户端发送Close命令关闭连接。

4．Flash客户端解析接受到的数据并更新界面。

2．实现

2.1 客户端

MXML-类似于XML语言，用于部署Flash界面，可被Flex SDK编译为Flash文件。

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

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

creationComplete="Refresh()">

<mx:Script>

<![CDATA[

import org.colimas.http.*;

import mx.collections.*;

[Bindable]

public var initDG:ArrayCollection;

var host:String="localhost";

var hport:int=8888;

var jhtc:HttpTunnelClient=new HttpTunnelClient(host, hport);

private var DGArray:Array = [

{ corp:'IBM', last:79.99},

{ corp:'MS', last:30.99}];

private function Refresh():void {

trace("start...");

Data1.text="Started";

Data2.text="Yes!";

jhtc.setInBound(new InTunnelSocket());

jhtc.setOutBound(new OutTunnelSocket());

initDG=new ArrayCollection(DGArray);

jhtc.connect();

jhtc.Register(initDG);

jhtc.close();

var myTimer:Timer=new Timer(300);

myTimer.addEventListener("timer", timerHandler);

myTimer.start();

}

public function timerHandler(event:TimerEvent):void {

initDG.refresh();

}

]]>

</mx:Script>

<mx:Text x="41" y="38" text="Text1" width="62" height="28" id="Data1"/>

<mx:Text x="124" y="38" text="Text2" width="62" height="28" id="Data2"/>

<mx:DataGrid x="39" y="86" width="542" editable="false" id="Stock" dataProvider="{initDG}">

<mx:columns>

<mx:DataGridColumn headerText="Corp." dataField="corp"/>

<mx:DataGridColumn headerText="Last" dataField="last"/>

</mx:columns>

</mx:DataGrid>

</mx:Application>

界面显示如下：

<shape id="_x0000_i1026" style="WIDTH: 4in; HEIGHT: 239.25pt" type="#_x0000_t75"><imagedata o:title="" src="file:///C:%5CDOCUME~1%5C%E8%B6%99%E7%A3%8A%5CLOCALS~1%5CTemp%5Cmsohtml1%5C01%5Cclip_image002.png"></imagedata></shape>

Refresh()函数实现数据刷新。org.colimas.http.HttpTunnelClient类用ActionScript语言编写，实现HTTPTunnel客户端，完成连接HTTPTunnel并接受数据任务。

org.colimas.http.HttpTunnelClient实现：

package org.colimas.http
{
 import flash.utils.ByteArray;
 import flash.errors.IOError;
 import mx.collections.ArrayCollection;
 
public class HttpTunnelClient extends HttpTunnel
 {
 static private var CONTENT_LENGTH:int=1024*10;
 
private var init:Boolean=false;
 private var closed:Boolean=false;
 
private var dest_host:String=null;
 private var dest_port:int=0;
 private var proxy:Proxy=null;
 
private var ib:InTunnel=null;
 private var ob:OutTunnel=null;
 
public function HttpTunnelClient( host:String, port:int){
 this.dest_host=host;
 this.dest_port=port;
 }
 /*传入用于界面显示的数据源*/
 public function Register(DGArray:ArrayCollection):void{
 this.ib.setData(DGArray);
 }
 
public function setProxy( host:String, port:int):void{
 this.proxy=new Proxy(host, port);
 }
 
public function connect():void{
 
if(ib==null){
 trace("InTunnel is not given");
 return;
 }
 ib.setHost(dest_host);
 ib.setPort(dest_port);
 ib.setProxy(proxy);
 
if(ob==null){
 trace("OutTunnel is not given");
 return;
 }
 ob.setHost(dest_host);
 ob.setPort(dest_port);
 ob.setProxy(proxy);
 ob.setContentLength(CONTENT_LENGTH);
 
getOutbound();
 getInbound();
 }
 /*数据发送OutTunnel类连接服务器端*/
 private function getOutbound():void{
 if(closed){
 trace("broken pipe");
 return;
 }
 ob.connect();
 }
 /*数据接受InTunnel连接服务器端*/
 private function getInbound():void{
 ib.connect();
 }
 
var buf_len:int=0;
 public function close():void{
 sendClose()
 ib.close()
 ob.close()
 closed=true;
 }
 
public function setInBound( ib:InTunnel):void { this.ib=ib; }
 public function setOutBound( ob:OutTunnel):void{ this.ob=ob; } 
}
}

数据发送OutTunnel类的实现

package org.colimas.http
{
 import flash.net.Socket;
 import flash.utils.ByteArray;
 import flash.events.DataEvent;
 import flash.events.Event;
 import flash.events.ErrorEvent;
 import flash.events.IOErrorEvent;
 import flash.events.ProgressEvent; 
public class OutTunnelSocket extends OutTunnel
 {
 static private var _rn:String="\r\n";
 
private var socket:Socket=null;
 private var request:String="/index.html?crap=1 HTTP/1.1"; 
public function OutTunnelSocket(){
 super();
 
}
 private function errorHandler(event:ErrorEvent):void
 {
 trace("[" + event.type + "] " + event.toString());
 
}
 
private function ioErrorHandler(event:IOErrorEvent):void
 {
 trace("[" + event.type + "] " + event.toString());
 }
 /*连接后发送POST请求*/
 private function connectHandler(event:Event):void {
 trace("Out[" + event.type + "] " + event.toString()); 
socket.writeUTF(request);
 socket.writeUTF(_rn);
 socket.writeUTF("Content-Length: "+getContentLength());
 socket.writeUTF(_rn);
 socket.writeUTF("Connection: close");
 socket.writeUTF(_rn);
 socket.writeUTF("Host: "+getHost()+":"+getPort());
 socket.writeUTF(_rn);
 socket.writeUTF(_rn);
 socket.flush();
 sendCount=getContentLength(); 
socket.writeByte(HttpTunnel.TUNNEL_OPEN);
 socket.writeByte(0);
 socket.writeByte(1);
 socket.writeByte(0);
 } 
public override function connect():void{
 close();
 var host:String=getHost();
 var port:int=getPort();
 
 var p:Proxy=getProxy();
 if(p==null){
 socket=new Socket(host, port);
 request="POST "+request;
 }
 else{
 var phost:String=p.getHost();
 var pport:int=p.getPort();
 socket=new Socket(phost, pport);
 request="POST http://"+host+":"+port+request;
 }
 socket.addEventListener(Event.CONNECT, connectHandler);
 socket.addEventListener(ErrorEvent.ERROR, errorHandler);
 socket.addEventListener(IOErrorEvent.IO_ERROR, ioErrorHandler);
 }
 /*用于向Server发送命令*/
 public override function sendData(foo:ByteArray, s:int, l:int, flush:Boolean):void{
 if(l<=0) return;
 if(sendCount<=0){
 trace("1#");
 connect();
 </sp

  


  

    
    
分享到：
      
      
    

  


  

    

      
      |
      1个人开发操作系统之界面与字体
    

  

  

        
  

    
  

    
评论

    
    
    
    
  


  

    
发表评论

            
   您还没有登录,请您登录后再发表评论

相关推荐

    actionscript3

    本书在讲解过程中对于ActionScript 3中相对于ActionScript 2 的改动进行了一一指出，并从理论上解释了为何改变及相关的实现。使ActionScript 2 程序员能够快速上手ActionScript 3 ，并对ActionScript 2代码移植有...

    ActionScript3中文手册

    ActionScript3是Adobe Flash平台的核心编程语言，用于创建交互式内容、富互联网应用程序（RIA）以及游戏。这个“ActionScript3中文手册”是为开发者提供的一份详细文档，旨在帮助他们理解和掌握ActionScript3的基本...

    Flash ActionScript 3殿堂之路

    《Flash ActionScript3殿堂之路》共分5个部分。第1部分：ActionScript 3语言基础；第2部分：ActionScript 3面向对象编程；第3部分：ActionScript 3 核心类；第4部分：ActionScript 3主要的Flash Player API；第5部分...

    聊天室ActionScript 3.0实现

    本项目“聊天室（ActionScript 3.0实现）”显然涉及到使用ActionScript 3.0来构建一个实时通信的在线聊天平台。以下是对这个主题的详细说明： 1. **ActionScript 3.0基础**：ActionScript是基于ECMAScript的一个...

    actionscript 3 as3 pdf

    as3 pdf下载 ActionScript 3.0 是一种强大的面向对象编程语言，它标志着 Flash Player Runtime 演化过程中的一个重要阶段。设计 ActionScript 3.0 的意图是创建一种适合快速地构建效果丰富的互联网应用程序的语言，...

    ActionScript 3 类型转换

    总之，类型转换是ActionScript 3中一个强大的特性，它使得开发者能够灵活地处理不同类型的数据，实现复杂的功能。无论是使用`as`关键字进行显式转换，还是利用内置转换函数，理解并正确应用类型转换规则对于编写高效...

    聊天室（ActionScript 3.0实现）

    【ActionScript 3.0 实现聊天室详解】 ActionScript 3.0 是Adobe Flash Platform中的编程语言，用于创建互动式内容、游戏以及富互联网应用（RIA）。在本项目中，我们将深入探讨如何使用ActionScript 3.0来构建一个...

    ActionScript 3 For Adobe Flash CS4 Professional

    ActionScript 3是Adobe Flash平台的一种面向对象的脚本语言，主要用于开发Flash和Flex应用程序。随着Flash CS4 Professional的推出，许多设计师和开发者需要从ActionScript 2迁移到ActionScript 3。本指南为设计师和...

    ActionScript3编程游戏教程

    ### ActionScript3编程游戏教程知识点概述 #### 一、ActionScript3简介与环境搭建 - **ActionScript3介绍**：ActionScript3是Adobe Flash Player和Adobe AIR中的脚本语言，用于开发交互式应用程序、视频游戏和服务...

    ActionScript3小游戏-贪吃蛇

    通过分析和实现这个ActionScript3版本的贪吃蛇游戏，开发者可以深入了解AS3的编程特性，提高对游戏逻辑和互动设计的理解，为今后更复杂的项目打下坚实基础。同时，这也是一个很好的实践平台，有助于提升编程技巧和...

    web相片控件——ActionScript3

    该控件用Flash CS4+ActionScript3写成，能在网页上方便调用，用FlashVars参数传入图片路径。 该控件涉及了很多AS3画图的知识点。实现了加载图片，过度平滑，能通过调整SliderBar对加载的相片随意放大缩小等功能。对...

    ActionScript 3设计模式(扫描版)

    《ActionScript 3设计模式(扫描版)》一书深入探讨了在ActionScript 3编程环境中应用设计模式的策略和技巧。设计模式是软件工程领域的一种解决方案，它为常见的问题提供了一种经过验证的设计方案，使得程序员能够更...

    actionScript 3 API

    在AS3中实现JavaScript与ActionScript的双向通信通常通过`ExternalInterface`类完成。这个类允许AS3代码调用JavaScript函数，并接收JavaScript回调。这对于网页集成Flash内容时的数据交换至关重要，例如实现动态内容...

    Popup window ActionScript3 VS ActionScript2

    ```actionscript3 import flash.display.MovieClip; import flash.display.Stage; var popup:MovieClip = new PopupMC(); popup.x = stage.stageWidth / 2; popup.y = stage.stageHeight / 2; stage.addChild(popup...

    利用ActionScript实现Flash开发游戏.pdf

    利用ActionScript实现Flash开发游戏.pdf

    ActionScript MD5 加密算法实现

    在ActionScript中实现MD5（Message-Digest Algorithm 5）加密算法是常见的安全实践，它用于生成数据的哈希值，通常用于验证文件完整性、密码存储和数字签名等场景。 MD5是一种广泛使用的哈希函数，它将任意长度的...

    ActionScript3入门到精通学习教程pdf

    《ActionScript3入门到精通学习教程》是一份详尽的指南，旨在为初学者和进阶用户搭建一座通往ActionScript3编程世界的桥梁。ActionScript3是Adobe Flash平台上的主要脚本语言，它允许开发者创建交互式内容、应用程序...

    基于ActionScript 3.0实现本地播放器

    在本项目"基于ActionScript 3.0实现本地播放器"中，我们将深入探讨如何利用这一强大的脚本语言来构建一个能够处理多媒体文件，如音频和视频的播放器。 ActionScript 3.0相对于早期版本有了显著的改进，包括更严格的...

    flex 3 programming actionscript 3

    《Flex 3编程ActionScript 3》是一本深入探讨Adobe Flex 3开发技术的专业书籍，主要聚焦于ActionScript 3这一强大的脚本语言在Flex框架中的应用。Flex 3是Adobe开发的一个开源框架，用于构建富互联网应用程序（RIA）...

Magicbox
Global site tag (gtag.js) - Google Analytics