实时消息的推送，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;

public class ChatObject {

    private String userName;

    private String message;

    public ChatObject() {

    }

    public ChatObject(String userName, String message) {

        super();

        this.userName = userName;

        this.message = message;

    }

    public String getUserName() {

        return userName;

    }

    public void setUserName(String userName) {

        this.userName = userName;

    }

    public String getMessage() {

        return message;

    }

    public void setMessage(String message) {

        this.message = message;

    }

}

监听事件：

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

客户端聊天代码：

<!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://socket.io/

https://github.com/socketio/socket.io

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

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

基于netty-socketio的web推送服务的更多相关文章

  1. Android 基于Netty接收和发送推送解决方案的消息字符串（三）

    在上一篇文章中<Android 基于Netty的消息推送方案之概念和工作原理(二)> .我们介绍过一些关于Netty的概念和工作原理的内容,今天我们先来介绍一个叫做ChannelBuffe ...

  2. Netty系列之Netty百万级推送服务设计要点

    1. 背景 1.1. 话题来源 最近很多从事移动互联网和物联网开发的同学给我发邮件或者微博私信我,咨询推送服务相关的问题.问题五花八门,在帮助大家答疑解惑的过程中,我也对问题进行了总结,大概可以归纳为 ...

  3. Netty_Netty系列之Netty百万级推送服务设计要点

    1. 背景 1.1. 话题来源 最近很多从事移动互联网和物联网开发的同学给我发邮件或者微博私信我,咨询推送服务相关的问题.问题五花八门,在帮助大家答疑解惑的过程中,我也对问题进行了总结,大概可以归纳为 ...

  4. 【netty】Netty系列之Netty百万级推送服务设计要点

    1. 背景 1.1. 话题来源 最近很多从事移动互联网和物联网开发的同学给我发邮件或者微博私信我,咨询推送服务相关的问题.问题五花八门,在帮助大家答疑解惑的过程中,我也对问题进行了总结,大概可以归纳为 ...

  5. Netty系列之Netty百万级推送服务设计要点(转)

    1. 背景 1.1. 话题来源 最近很多从事移动互联网和物联网开发的同学给我发邮件或者微博私信我,咨询推送服务相关的问题.问题五花八门,在帮助大家答疑解惑的过程中,我也对问题进行了总结,大概可以归纳为 ...

  6. Netty学习总结（3）——Netty百万级推送服务

    1. 背景 1.1. 话题来源 最近很多从事移动互联网和物联网开发的同学给我发邮件或者微博私信我,咨询推送服务相关的问题.问题五花八门,在帮助大家答疑解惑的过程中,我也对问题进行了总结,大概可以归纳为 ...

  7. 基于 WebSocket 的 MQTT 移动推送方案

    WebSphere MQ Telemetry Transport 简介 WebSphere MQ Telemetry Transport (MQTT) 是一项异步消息传输协议,是 IBM 在分析了他们 ...

  8. MQTT协议及推送服务（二）

    MQTT简介 MQTT全称叫做Message Queuing Telemetry Transport,意为消息队列遥测传输,是IBM开发的一个即时通讯协议.由于其维护一个长连接以轻量级低消耗著称,所以 ...

  9. 基于APNs最新HTTP/2接口实现iOS的高性能消息推送(服务端篇)

    1.前言 本文要分享的消息推送指的是当iOS端APP被关闭或者处于后台时,还能收到消息/信息/指令的能力. 这种在APP处于后台或关闭情况下的消息推送能力,通常在以下场景下非常有用: 1)IM即时通讯 ...

随机推荐

  1. Nodejs事件引擎libuv源码剖析之：高效队列（queue）的实现

     声明:本文为原创博文,转载请注明出处. 在libuv中,有一个只使用简单的宏封装成的高效队列(queue),现在我们就来看一下它是怎么实现的. 首先,看一下queue中最基本的几个宏: typede ...

  2. C# HttpWebRequest获取COOKIES

    C# HttpWebRequest获取COOKIES byte[] bytes = Encoding.Default.GetBytes(_post); CookieContainer myCookie ...

  3. video.js播放mp4文件

    HTML5的标签 video 支持的mp4编码为视频编码 H.264 音频AAC 参考网址 http://www.w3school.com.cn/html5/html_5_video.asp 视频格式 ...

  4. centos环境搭建

    1.php -v 与phpinfo();    不符,查看centos是否有自带的php:更改centos环境变量 /etc/profile,source /etc/profile生效: 2.pecl ...

  5. window 使用vagrant搭建开发开发环境

    # -*- mode: ruby -*-# vi: set ft=ruby : # All Vagrant configuration is done below. The "2" ...

  6. javascript 技巧总结积累（正在积累中）

    1.文本框焦点问题 onBlur:当失去输入焦点后产生该事件 onFocus:当输入获得焦点后,产生该文件 Onchange:当文字值改变时,产生该事件 Onselect:当文字加亮后,产生该文件 & ...

  7. 1. web前端开发分享-css,js入门篇

    关注前端这么多年,没有大的成就,就入门期间积累了不少技巧与心得,跟大家分享一下,不一定都适合每个人,毕竟人与人的教育背景与成长环境心理活动都有差别,但就别人的心得再结合自己的特点,然后探索适合自己的学 ...

  8. 利用beans.xml进行简单的Spring应用上下文创建与使用

    继上次配置Spring完成后,我们来创建一个简单的例程来理解Spring中利用beans.xml创建应用上下文的方法. 程序路径包为:com.spring.kinghts(kinght单词拼写错误,怕 ...

  9. tomcat server.xml中文版

    原文:http://www.blogjava.net/baoyaer/articles/107278.html Tomcat Server的结构图 该文件描述了如何启动Tomcat Server &l ...

  10. 08-linux 其他知识

    linux其他知识点 1-防火墙- iptables原理 2- 本部分属于一步一步学习大数据系列之 Linux 的章节,欢迎订阅更多文章 更多内容请参考:一步一步学习大数据系列介绍