Flex+PHP反向推送(长轮询)

反向推送技术现在非常流行, 而长轮询是实现反向推送的关键技术之一.

//如果要轉載本文請注明出處,免的出現版權紛爭,我不喜歡看到那種轉載了我的作品卻不注明出處的人 Seven{See7di#Gmail.com}
HTTP 协议的成功毋庸置疑。它是 Internet上大部分信息交换的基础。然而，它也有一些局限性。特别是，它是无状态、单向的协议。请求被发送到 Web 服务器，服务器处理请求并发回一个响应 —仅此而已。请求必须由客户机发出，而服务器则只能在对请求的响应中发送数据。这至少会影响很多类型的 Web应用程序的实用性。典型的例子就是聊天程序。另外还有一些例子，例如比赛的比分或电子邮件程序。

HTTP的这些局限性也是它取得一定成功的原因。请求/响应周期使它成为了经典的模型，即每个连接使用一个线程。只要能够快速为请求提供服务，这种方法就有巨大的可伸缩性。每秒钟可以处理大量的请求，只需使用少量的服务器就可以处理很大数量的用户。对于很多经典的 Web应用程序，例如内容管理系统、搜索应用程序和电子商务站 点等等而言，这非常适合。在以上任何一种 Web应用程序中，服务器提供用户请求的数据，然后关闭连接，并释放那个线程，使之可以为其他请求服务。如果提供初始数据之后仍可能存在交互，那么将连接保持为打开状态，因此线程就不能释放出来，服务器也就不能为很多用户服务。

但是，如果想在对请求做出响应并发送初始数据之后，仍然保持与用户的交互呢？在 Web 早期，这一点常使用 meta刷新实现。这将自动指示浏览器在指定秒数之后重新装载页面，从而支持简陋的轮询（polling）。这不仅是一种糟糕的用户体验，而且通常效率非常低下。如果没有新的数据要显示在页面上呢？这时不得不重新呈现同样的页面。如果对页面的更改很少，并且页面的大部分没有变化呢？同样，不管是否有必要，都得重新请求和获取页面上的一切内容。

Ajax 的发明和流行改变了上述状况。现在，服务器可以异步通信，因此不必重新请求整个页面。现在可以进行增量式的更新。只需使用XMLHttpRequest 轮询服务器。这项技术通常被称作Comet。这项技术存在一些变体，每种变体具有不同的性能和可伸缩性。我们来看看这些不同风格的 Comet。

Comet 风格

Ajax 的出现使 Comet 成为可能。HTTP的单向性质可以有效地加以规避。实际上有一些不同的方法可以绕过这一点。您可能已经猜到，支持 Comet 的最容易的方式是轮询（poll）。使用XMLHttpRequest 向服务器发出调用，返回后，等待一段固定的时间（通常使用 JavaScript 的 setTimeout函数），然后再次调用。这是一项非常常见的技术。例如，大多数 webmail 应用程序就是通过这种技术在电子邮件到达时显示电子邮件的。

这项技术有优点也有缺点。在这种情况下，您期望快速返回响应，就像任何其他 Ajax请求一样。在请求之间必须有一段暂停。否则，连续不断的请求会冲垮服务器，并且这种情况下显然不具有可伸缩性。这段暂停使应用程序产生一个延时。暂停的时间越长，服务器上的新数据就需要越多的时间才能到达客户机。如果缩短暂停时间，又将重新面临冲垮服务器的风险。但是另一方面，这显然是最简单的实现Comet 的方式。

现在应该指出，很多人认为轮询并不属于 Comet。相反，他们认为 Comet 是对轮询的局限性的一个解决方 案。最常见的 “真正的”Comet 技术是轮询的一种变体，即长轮询（longpolling）。轮询与长轮询之间的主要区别在于服务器花多长的时间作出响应。长轮询通常将连接保持一段较长的时间 —通常是数秒钟，但是也可能是一分钟甚至更长。当服务器上发生某个事件时，响应被发送并随即关闭，轮询立即重新开始。

长轮询相对于一般轮询的优点在于，数据一旦可用，便立即从服务器发送到客户机。请求可能等待较长的时间，期间没有任何数据返回，但是一旦有了新的数据，它将立即被发送到客户机。因此没有延时。如果您使用过基于 Web 的聊天程序，或者声称 “实时” 的任何程序，那么它很可能就是使用了这种技术。

下面我就Flex和PHP来举例说明一下,常轮询如何实现.

首先将一下PHP端的代码,很简单 

<?php
//timeout in seconds
$timeout = 60;

// log start time
$start_time = time();

// get messge from local file
function get_msg(){
    return file_get_contents('msg.txt');
}

// get message
$last_msg = get_msg();

// start the loop
while (true){
    // get current time
    $current_time = time();
    
    // check if we are timed out
    if ($current_time - $start_time > $timeout){
        echo 'timeout! no new message!';
        break;
    }
    
    // get latest message
    $current_msg = get_msg();
    
    // check if the message has been changed
    if ($last_msg != $current_msg){
        echo $current_msg;
        break;
    }
    // sleep 1 sec
    sleep(1);
}

分析上面的代码, 其实原理就是在php中执行一个循环, 每次循环的时候去访问服务器上的数据, 可以是数据库也可以是一个文本文件,这里采用文本文件, 然后判断文本文件的内容是否更新过,如果更新过则将数据返回给客户端. 在循环当中我们放入了 sleep(1)函数让代码每次循环的时候暂停1秒钟,这样不至于过度损耗服务器CPU的资源.

下面是flex端的代码

<?xml version="1.0" encoding="utf-8"?>
        <![CDATA[
            // request object
            private var req:URLRequest;
            
            // loader object
            private var loader:URLLoader;
            
            // timer
            private var timer:Timer;
            
            [Bindable]
            private var count:Number = 0;            
            
            // do some initializing
            private function init():void{
                req = new URLRequest('http://127.0.0.1:8080/long_polling.php');
                loader = new URLLoader();
                
                loader.addEventListener(HTTPStatusEvent.HTTP_STATUS, onStatusChange);
                loader.addEventListener(Event.COMPLETE, onComplete);
                loader.addEventListener(IOErrorEvent.IO_ERROR, onIOError);
                
                timer = new Timer(1000);
                timer.addEventListener(TimerEvent.TIMER, onTimer, false, 0, true);
                
            }
            
            // update the second count
            private function onTimer(event:TimerEvent):void{
                count ++;
            }
            
            // start the request
            private function startRequest():void{
                count = 0;
                loader.load(req);
                timer.start();
                this.txtLogs.text += 'Request started!\n';
            }
            
            // status changed
            private function onStatusChange(event:HTTPStatusEvent):void{
                this.txtLogs.text += 'Status changed to '+ String(event.status)+'\n';
            }            
            
            // result returned
            private function onComplete(event:Event):void{
                this.txtLogs.text += 'Completed! Result is '+String(event.currentTarget.data)+'\n';
                this.txtLogs.text += 'Start another request!\n';
                this.startRequest();
            }
            
            // error handler
            private function onIOError(event:IOErrorEvent):void{
                this.txtLogs.text += 'IO Error: '+String(event)+'\n';
                this.stopRequest();
            }
            
            // stop the request
            private function stopRequest():void{
                count = 0;
                this.txtLogs.text += 'Request stopped!\n';
                this.txtLogs.text += '<<<<<<<<<<<<<<<<<<<<<<<<<>>>>>>>>>>>>>>>>>>>>\n'
                this.timer.stop();
                this.loader.close();
                
            }
        ]]>

我们新建一个flex项目, 然后在界面上放置4个空间, 两个按钮, 一个是开始请求, 一个是结束请求, 还有一个label用来显示当前请求所花的时间, 最后再放一个TextArea来显示log.

请求的原理也同样简单, 通过URLLoader和URLRequest来实现, 和普通的http请求并无两样.不过在一次请求获取到结果的时候(走到onComplete()函数), 我们需要重新开始另外一次查询,通过这种方式我们就可以模拟出一个类似与C/S架构的网络连接, 而服务端上的任何更新则会自动推送到客户端了.