实时消息的推送，PC端的推送技术可以使用socket建立一个长连接来实现。传统的web服务都是客户端发出请求，服务端给出响应。但是现在直观的要求是允许特定时间内在没有客户端发起请求的情况下服务端主动推送消息到客户端。

有哪些可以实现web消息推送的技术：

  • 不断地轮询（俗称“拉”，polling）是获取实时消息的一个手段：Ajax 隔一段时间（通常使用 JavaScript 的 setTimeout 函数）就去服务器查询是否有改变，从而进行增量式的更新。但是间隔多长时间去查询成了问题，因为性能和即时性造成了严重的反比关系。间隔太短，连续不断的请求会冲垮服务器，间隔太长，务器上的新数据就需要越多的时间才能到达客户机。

    • 优点：服务端逻辑简单；

    • 缺点：其中大多数请求可能是无效请求，在大量用户轮询很频繁的情况下对服务器的压力很大；

    • 应用：并发用户量少，而且要求消息的实时性不高，一般很少采用；

  • 长轮询技术（long-polling）：客户端向服务器发送Ajax请求，服务器接到请求后hold住连接，直到有新消息或超时（设置）才返回响应信息并关闭连接，客户端处理完响应信息后再向服务器发送新的请求。

    • 优点：实时性高，无消息的情况下不会进行频繁的请求；

    • 缺点：服务器维持着连接期间会消耗资源；

  • 基于Iframe及htmlfile的流（streaming）方式：iframe流方式是在页面中插入一个隐藏的iframe，利用其src属性在服务器和客户端之间创建一条长链接，服务器向iframe传输数据（通常是HTML，内有负责插入信息的javascript），来实时更新页面。

    • 优点：消息能够实时到达；

    • 缺点：服务器维持着长连接期会消耗资源；

  • 插件提供socket方式：比如利用Flash XMLSocket，Java Applet套接口，Activex包装的socket。

    • 优点：原生socket的支持，和PC端和移动端的实现方式相似；

    • 缺点：浏览器端需要装相应的插件；

  • WebSocket：是HTML5开始提供的一种浏览器与服务器间进行全双工通讯的网络技术。

    • 优点：更好的节省服务器资源和带宽并达到实时通讯；

    • 缺点：目前还未普及，浏览器支持不好；

综上，考虑到浏览器兼容性和性能问题，采用长轮询（long-polling）是一种比较好的方式。

netty-socketio是一个开源的Socket.io服务器端的一个java的实现， 它基于Netty框架。 项目地址为： https://github.com/mrniko/netty-socketio

以下是一个来自netty-socketio的推送示例，web聊天系统。

服务器端push server：

消息实体：

 

监听事件：

package com.nettysocketio.test;

import com.corundumstudio.socketio.AckRequest;

import com.corundumstudio.socketio.SocketIOClient;

import com.corundumstudio.socketio.SocketIOServer;

import com.corundumstudio.socketio.listener.DataListener;

public class CharteventListener implements DataListener<ChatObject> {

    SocketIOServer server;

    public void setServer(SocketIOServer server) {

        this.server = server;

    }

    public void onData(SocketIOClient client, ChatObject data,

            AckRequest ackSender) throws Exception {

        // chatevent为 事件的名称， data为发送的内容

        this.server.getBroadcastOperations().sendEvent("chatevent", data);

    }

}

推送服务：

package com.nettysocketio.test;

import com.corundumstudio.socketio.Configuration;

import com.corundumstudio.socketio.SocketIOServer;

public class App {

    public static void main(String[] args) throws InterruptedException

    {

        Configuration config = new Configuration();

        config.setHostname("localhost");

        config.setPort(9092);

        SocketIOServer server = new SocketIOServer(config);

        CharteventListener listner = new CharteventListener();

        listner. setServer(server);

        // chatevent为事件名称

        server.addEventListener("chatevent", ChatObject.class, listner);

        //启动服务

        server.start();

        Thread.sleep(Integer.MAX_VALUE) ;

        server.stop();

    }

}

浏览器端Client：

客户端使用的是socket.io-client，项目地址为：https://github.com/Automattic/socket.io-client

客户端聊天代码：

最近公司开发的项目，其中一个基于bpm2.0的流程任务办理消息处理就是用的这个。

<!DOCTYPE html>

<html>

<head>

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

<title>Socketio chat</title>

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

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

<style>

body {

    padding: 20px;

}

#console {

    height: 400px;

    overflow: auto;

}

.username-msg {

    color: orange;

}

.connect-msg {

    color: green;

}

.disconnect-msg {

    color: red;

}

.send-msg {

    color: #888

}

</style>

</head>

<body>

    <h1>Netty-socketio chat demo</h1>

    <br />

    <div id="console" class="well"></div>

    <form class="well form-inline" onsubmit="return false;">

        <input id="name" class="input-xlarge" type="text" placeholder="用户名称. . . " />

        <input id="msg" class="input-xlarge" type="text" placeholder="发送内容. . . " />

        <button type="button" onClick="sendMessage()" class="btn">Send</button>

        <button type="button" onClick="sendDisconnect()" class="btn">Disconnect</button>

    </form>

</body>

<script type="text/javascript">

    var socket = io.connect('http://localhost:9092');

    socket.on('connect',function() {

        output('<span class="connect-msg">Client has connected to the server!</span>');

    });

    socket.on('chatevent', function(data) {

        output('<span class="username-msg">' + data.userName + ' : </span>'

                + data.message);

    });

    socket.on('disconnect',function() {

        output('<span class="disconnect-msg">The client has disconnected! </span>');

    });

    function sendDisconnect() {

        socket.disconnect();

    }

    function sendMessage() {

        var userName = $("#name").val()

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

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

        socket.emit('chatevent', {

            userName : userName,

            message : message

        });

    }

    function output(message) {

        var currentTime = "<span class='time' >" + new Date() + "</span>";

        var element = $("<div>" + currentTime + " " + message + "</div>");

        $('#console').prepend(element);

    }

</script>

</html>

先运行push server，再打开chat html就可以看到连接信息和服务器推送的聊天信息。

参考：

https://github.com/mrniko/netty-socketio

https://github.com/mrniko/netty-socketio-demo

实现web消息推送的技术和采用长轮询corundumstudio介绍的更多相关文章

  1. WEB消息推送-框架篇

    WEB消息推送-comet4j 一.comet简介: comet :基于 HTTP长连接的“服务器推”技术,是一种新的 Web 应用架构.基于这种架构开发的应用中,服务器端会主动以异步的方式向客户端程 ...

  2. WEB消息推送-原理篇

    这篇文章主要讲述B/S架构中服务器“推送”消息给浏览器.内容涉及ajax论询(polling),comet(streaming,long polling).后面会附上源代码. 最近在工作有这么一个需求 ...

  3. SSM项目使用GoEasy 实现web消息推送服务

      一.背景 之前项目需要做一个推送功能,最开始我用websocket实现我的功能.使用websocket的好处是免费自主开发,但是有几个问题:1)浏览器的兼容问题,尤其是低版本的ie:2)因为是推送 ...

  4. WEB消息推送-comet4j

    一.comet简介: comet :基于 HTTP长连接的“服务器推”技术,是一种新的 Web 应用架构.基于这种架构开发的应用中,服务器端会主动以异步的方式向客户端程序推送数据,而不需要客户端显式的 ...

  5. web消息推送的各种解决办法

    摘要 在各种BS架构的应用程序中,往往都希望服务端能够主动地向客户端推送各种消息,以达到类似于邮件.消息.待办事项等通知. 往BS架构本身存在的问题就是,服务器一直采用的是一问一答的机制.这就意味着如 ...

  6. web消息推送-goesay

    原文:http://www.upwqy.com/details/22.html 1 GoEasy简介: GoEasy - Web实时消息推送服务专家 最简单的方式将消息从服务器端推送至客户端 最简单的 ...

  7. Web消息推送框架windows部署实践

    一.官方下载地址:https://www.workerman.net/web-sender 二.解压至任意目录下,双击start_for_win.bat,效果如下图: 三.打开Chrome浏览器访问: ...

  8. 使用SuperWebSocket实现Web消息推送

    在大部分Web系统中,我们可能遇到需要向客户端推送消息的需求.SuperWebSocket第三方库能让我们轻松的完成任务.SuperWebSocket第三方库可以从网上下载,不过通过Visual St ...

  9. 关于php使用基于socket Web消息推送（未完）

    转:http://blog.csdn.net/young_phper/article/details/52441143 http://www.workerman.net/ http://blog.cs ...

随机推荐

  1. Markdown 标题

    用 Markdown 书写时,只需要在文本前面加上 # 即可创建标题,Markdown 支持六级标题,语法及效果如下 # 一级标题 ## 二级标题 ### 三级标题 #### 四级标题 ##### 五 ...

  2. [原]Jenkins(八)---jenkins构建项目报错时发送错误报告邮件

    /** * lihaibo * 文章内容都是根据自己工作情况实践得出. * 版权声明:本博客欢迎转发,但请保留原作者信息! http://www.cnblogs.com/horizonli/p/533 ...

  3. Oracle数据库入门——基础知识

    1.安装完成Oracle数据库后,使用sqlplus客户端登录数据库管理系统,只输入用户名,没有输入密码时,会提示口令为空,登录被拒绝. 请输入用户名:system 输入口令: ERROR:ORA-0 ...

  4. 第9天 py就业班基础02.01-02

    明天该看就业班的02    03字串符 2018-4-21 10:47:34 数据类型  py自动给数据分类型 2018-4-21 10:55:05 input使用 定义一个变量 然后input输给变 ...

  5. Spark RDD Action 简单用例(二)

    foreach(f: T => Unit) 对RDD的所有元素应用f函数进行处理,f无返回值./** * Applies a function f to all elements of this ...

  6. PHP封装类 【 设置分页 】 ！！！ 可以直接引用 ！！！ 都有自己理解的注释，挺详细的，有搜到的朋友可以能帮到你们 【 新手一看练两遍就懂 】

    在网页要显示出的内容,就是客户能看到的东西 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" &q ...

  7. 移动端H5混合开发设置复盘与总结

    此篇接上一篇: 移动端H5混合开发,Touch触控,拖拽,长按, 滑屏 实现方案 https://www.cnblogs.com/buoge/p/9346699.html app 场布设置已经上线了, ...

  8. ELK之elasticsearch6安装认证模块search guard

    参考:https://www.cnblogs.com/marility/p/9392645.html 1,安装环境及软件版本 程序 版本 安装方式  elasticsearch  6.3.1  rpm ...

  9. 异常详细信息: System.ArgumentException: 不支持关键字: “metadata”。

    ASP.NET MVC中报的一个错误... 异常详细信息: System.ArgumentException: 不支持关键字: “metadata”. 其实这个是我修改web.config文件造成的, ...

  10. POJ 2449 - Remmarguts' Date - [第k短路模板题][优先队列BFS]

    题目链接:http://poj.org/problem?id=2449 Time Limit: 4000MS Memory Limit: 65536K Description "Good m ...