在小编络络 COMET实践笔记一文中注意事项中有这么一段话

使用长连接时， 存在一个很常见的场景：客户端需要关闭页 面，而服务器端还处在读取数据的阻塞状态，客户端需要及时通知服务器端关闭数据连接。服务器在收到关闭请求后首先要从读取数据的阻塞状态唤醒，然后释放为 这个客户端分配的资源，再关闭连接。所以在设计上，我们需要使客户端的控制请求和数据请求使用不同的 HTTP 连接，才能使控制请求不会被阻塞。在实现上，如果是基于 iframe 流方式的长连接，客户端页面需要使用两个 iframe，一个是控制帧，用于往服务器端发送控制请求，控制请求能很快收到响应，不会被阻塞；一个是显示帧，用于往服务器端发送长连接请求。如果是基于 AJAX 的长轮询方式，客户端可以异步地发出一个 XMLHttpRequest 请求，通知服务器端关闭数据连接。

当初一直没想明白客户端要怎么样通知服务器端关闭数据连接，钻了牛角尖了，昨晚睡觉胡思乱想竟然给我想到一个方法，一大早起来就开始折腾了。

大致思路：页面（index.html）打开时挂起一个长连接（backend.php），需要关闭长连接时（如刷新页面时，本实验为了直观使用按钮点击）向服务器端发送一个异步关闭请求，服务器接收到关闭请求后在服务器上创建一个 close.txt 的关闭请求标识文件，在 backend.php 中检测有没有新消息的同时检测是否存在 close.txt 文件，如果存在 close.txt 文件则不管有没有取到消息都返回，index.html 根据返回的结果判断是主否主动关闭请求，如果是主动关闭请求则不再发起长连接。

实验文件：

index.html　　　　　　首页，包含长连接请求，消息发送请求，关闭请求等内容

backend.php　　　　  后台消息获取文件，检查 data.txt 是否为空，及 close.txt 是否存在

writedata.php　　　　 获取客户端传来的消息，并将消息写入 data.txt 中

stop.php　　　　　　  接收客户端的半闭请求，并生成 close.txt 文件

1. index.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

  

<head>

    <title>Comet demo</title>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <script type="text/javascript" src="jquery.js"></script>

       

    <script>

    var comet = {

        url:'backend.php',

        error:false,

        stop:0,

        connect : function(){

            $.ajax({

                url: comet.url,

                type: 'post',

                dataType: 'json',

                timeout: 0,

                success: function (response) {

                    comet.error = false;

                    comet.stop = response.stop ;

                    $("#content").append('<div>' + response.msg + '</div>');

                },

                error: function () {

                    comet.error = true;

                },

                complete: function () {

                    if (comet.error) {

                        setTimeout(function () {

                            comet.connect();

                        }, 5000);

                    } else {
　　　　　　　　　　　　　　// 如果是主动关闭连接则不再发起请求

                        comet.stop ? '': comet.connect();

                    }

                }

            })

        }

    }

    // 发送消息

    function send_msg() {

        var msg = $('#word').val();

        $('#word').val('');

        $.post('writedata.php',{'msg': msg});

        return false;

    }

    // 发送关闭请求

    function close_commet() {

        $.post('stop.php',function(res){

            $("#content").append('<div>' + res + '</div>');

        })

    }

    $(document).ready(function () {

        //页面加载完毕创建长连接

        comet.connect();

    });

    </script>

      

</head>

  

<body>

         

    <div id="content"></div>

    <p><form>

            <input type="text" name="word" id="word" value=""/>       

            <input type="button" name="send" onclick="send_msg();" value="发送"/>   

            <input type="button" name="close" onclick="close_commet();" value="关闭长连接" />

        </form>

    </p>         

</body>

</html>

2. writedata.php

<?php

// 获取客户端消息，并存入 data.txt

$filename = './data.txt';

$msg = isset($_REQUEST['msg']) ? $_REQUEST['msg'] : '';

file_put_contents($filename, $msg);

3. stop.php

<?php

// 本文件用于接收到客户端异步关闭请求、

// 接收到关闭请求时应该想办法将该关闭请求让 backend.php 获取到

// 所以我们应该要将该关闭请求放到一个 backend.php 可以读取的空间，那么放到哪里呢

// cookie不行：因为 cookie 是存放在客户端的，发送关闭请求的时候，长连接已经建立，是获取不到关闭请求中创建的cookie的

// session也不行：backend.php 中由于处于阻塞状态，为了防止占用 session 我们在进入阻塞之前就关闭了 session 所以 session 也不行

// 最适合不过的无疑是 Memcache 了，当然数据库也行，这里为了简便，我们使用文件，当收到关闭请求时在服务器创建一个 close 文件，表示要关闭长连接

// backend.php 如果检测到存在 close 文件时不管有没有取到数据都返回

file_put_contents('./close.txt', '');

echo '接收到关闭请求';

?>

4. backend.php

<?php

//不限制超时时间

set_time_limit(0);

//在开启session的应用中这个函数非常重要，防止页面因session占用阻塞

session_write_close();

//用来存放数据的文件

$filename = 'data.txt';

//读取文件内容

$content = file_get_contents($filename);

// 关断是否存在半闭请求

$close = file_exists('./close.txt');

// 如果 $content 为空，并且不存在关闭请求文件时阻塞等待

while ($content=='' && !$close)

{

    sleep(1);

    $content = file_get_contents($filename);

    $close = file_exists('./close.txt');

}

if ($close) {

    $content = '长连接已关闭';

    // 删除关闭请求标识文件

    unlink('close.txt');

    $response['stop'] = 1;

} else {

    //清空data.txt

    file_put_contents($filename, '');

    $response['stop'] = 0;

}

// 返回消息

$response['msg'] = $content;

echo json_encode($response);

?>

点击发送按钮之后：

点击关闭长连接之后：

相关代码下载：http://yun.baidu.com/s/1c0ovV6w

COMET探索系列三【异步通知服务器关闭数据连接实现思路】的更多相关文章

  1. COMET探索系列一【COMET实践笔记】

    这几天在给公司的一个点对点聊天系统升级,之前只是使用简单的ajax轮询方式实现,每5秒钟取一次数据,延时太长,用户体验不是很好,因此打算采用服务器推送技术,故此整理了以下文档,将自己找到的一些资料及心 ...

  2. C# 互操作性入门系列(三)：平台调用中的数据封送处理

    好文章搬用工模式启动ing ..... { 文章中已经包含了原文链接 就不再次粘贴了 言明 改文章是一个系列,但只收录了2篇,原因是 够用了 } --------------------------- ...

  3. [转]C# 互操作性入门系列(三)：平台调用中的数据封送处理

    参考网址:https://www.cnblogs.com/FongLuo/p/4512738.html C#互操作系列文章: C# 互操作性入门系列(一):C#中互操作性介绍 C# 互操作性入门系列( ...

  4. android异步向服务器请求数据

    下面就android向服务器请求数据的问题分析如下: 1.在android4.0以后的版本,主线程(UI线程)不在支持网络请求,原因大概是影响主线程,速度太慢,容易卡机,所以需要开启新的线程请求数据: ...

  5. zookeeper系列之异步通知模式-Watcher

    1 watcher种类和事件种类 Watcher种类 1. zookeeper实例化时注入的默认Watcher 2. dataWatchers 一个Map<string Set<Watch ...

  6. COMET探索系列二【Ajax轮询复用模型】

    写在前面:Ajax轮询相信大家都信手拈来在用,可是有这么一个问题,如果一个网站中同时有好多个地方需要用到这种轮询呢?就拿我们网站来说,有一个未读消息数提醒.还有一个时实时加载最新说说.昨天又加了一个全 ...

  7. java多线程系列(三)---等待通知机制

    等待通知机制 前言:本系列将从零开始讲解java多线程相关的技术,内容参考于<java多线程核心技术>与<java并发编程实战>等相关资料,希望站在巨人的肩膀上,再通过我的理解 ...

  8. [ 搭建Redis本地服务器实践系列三 ] ：图解Redis客户端工具连接Redis服务器

    上一章 [ 搭建Redis本地服务器实践系列二 ] :图解CentOS7配置Redis  介绍了Redis的初始化脚本文件及启动配置文件,并图解如何以服务的形式来启动.终止Redis服务,可以说我们的 ...

  9. Alamofire源码解读系列(三)之通知处理(Notification)

    本篇讲解swift中通知的用法 前言 通知作为传递事件和数据的载体,在使用中是不受限制的.由于忘记移除某个通知的监听,会造成很多潜在的问题,这些问题在测试中是很难被发现的.但这不是我们这篇文章探讨的主 ...

随机推荐

  1. .net core excel导入导出

    做的上一个项目用的是vs2013,传统的 Mvc模式开发的,excel报表的导入导出都是那几段代码,已经习惯了. 导入:string filename = ExcelFileUpload.FileNa ...

  2. 汪慧和201771010123《面向对象程序设计（Java）》第三周学习总结

    1.实验目的与要求 (1)进一步掌握Eclipse集成开发环境下java程序开发基本步骤: (2)熟悉PTA平台线上测试环境: (3)掌握Java语言构造基本程序语法知识(ch1-ch3): (4)利 ...

  3. 【转帖】使用容器化和 Docker 实现 DevOps 的基础知识

    使用容器化和 Docker 实现 DevOps 的基础知识 https://www.kubernetes.org.cn/6730.html 2020-02-24 15:20 灵雀云 分类:容器 阅读( ...

  4. 同行评审|keywords

    审稿流程: 初审 直接被拒,editor开组会讨论的结果 论文水平低 不符合刊物宗旨和要求 同行评审: 单盲评审 双盲评审:限制审稿人倾向 公开评审PNAS Analyse search result ...

  5. 苹果智能AR挡风玻璃靠谱吗？

    在过去十年,外界给苹果的形象一直是"伟大的硬件公司",他们的产品在外观方面往往比内涵更加引人注目,兼具娱乐性和艺术性, iPhone/iPad/iPod莫不如此,所以,当坊间传闻苹 ...

  6. Hadoop的伪分布式安装和部署流程

    在opt目录创建install software test other四个目录 /opt/installed #安装包/opt/software #软件包/opt/other #其他/opt/test ...

  7. DNS和hosts

    https://zhidao.baidu.com/question/571487394.html 还有ip地址和域名 域名是唯一的 ip也是唯一的 但是一个域名可以对应多个ip(就好比百度只有一个域名 ...

  8. 题解 P2738 【[USACO4.1]篱笆回路Fence Loops】

    这题是我期中测试的一题水题,然而英文题目太长了不想读...后面考完被同学提醒后20分钟切了(心塞) 切完看了波题解,发现貌似我的方法跟大家都不一样呢... 常规做法: \(Floyd\) 这个有三页的 ...

  9. Python 安装zbar-py时出现 无法打开包括文件: “unistd.h” no such file or directory

    问题 途中使用的命令是cl.exe,在执行命令的时候找不到对应的unistd.h文件. unistd.h是Unix系统的文件,因此,十有八九,使用的是Windows系统.下面的代码可以修复,但是如果修 ...

  10. ZJNU 2226 - B.T.B.F

    d为1代表Alice执刀,-1代表Bob执刀记录蛋糕数字为奇数和偶数各自的数量,先看偶数块 如果为偶数的蛋糕为奇数块,则为偶数的蛋糕切完后是Bob持刀,Alice会多吃1,此时要将奇数块蛋糕-1(假设 ...