服务器推送消息，实现即时通信 (服务器主动向客户端传消息)

互联网在改变着人们的生活方式，也在改变着人们之间的交流方式。即时通信技术是互联网时代的重要组成部分，它可以让人们即时地进行沟通和交流，带来了前所未有的交流效率。服务器推送消息技术是实现即时通信的重要手段之一，它可以将消息实时推送给客户端，让人们更加便捷地进行交流和沟通。

一、即时通信技术介绍

即时通信（instant messaging）是指使用计算机网络和移动通信技术，使用户之间可以实时进行文字、语音、视频等形式的交流的技术。它和传统的通信方式不同，传统通信需要双方同时在线才能进行交流，而即时通信技术可以让用户无论在何时何地，只要连接到互联网，就可以与他人进行实时的沟通和交流。目前，即时通信应用广泛，如QQ、微信、WhatsApp等。

二、实现即时通信的方式

1、轮询方式

轮询方式是指客户端通过不断地向服务器发送请求，来获取新消息的方式。客户端定时向服务器发送请求，服务器在收到请求后立即返回给客户端该用户的未读消息。这种方式的缺点在于当用户需要即时看到新消息时，可能需要等待一定的时间才能获取新消息，并且频繁的请求会增加服务器的负载。

2、短轮询方式

短轮询方式是将轮询方式的缺点进行了一定的改良。这种方式是指客户端向服务器发送请求，服务器在收到请求后立即返回数据，如果服务器没有新的数据，则返回空数据。这种方式相对于轮询方式来说，可以减少客户端等待的时间，并且对服务器的负载也有一定的缓解。

3、长轮询方式

长轮询方式是将短轮询方式的缺点进行了进一步改良。这种方式是指客户端向服务器发送一个请求，服务器在等待新数据的同时，不关闭连接，直到有新数据才返回，并且在返回数据后再次建立连接。这种方式相对于短轮询方式来说，减少了客户端向服务器发送请求的次数，提高了服务器的效率。

4、服务器推送方式

服务器推送方式是指服务器主动向客户端推送新的数据，而不是客户端去轮询或者等待服务器的反馈。这种方式可以在一定程度上减少客户端和服务器之间的通信量，提高通信效率。

三、服务器推送消息的技术实现

在服务器推送方式中，有三种技术实现方式：HTTP长连接、Websocket和SSE。

1、HTTP长连接

HTTP长连接是指客户端和服务器之间创建一个持久的连接，客户端的请求会一直保持连接，直到服务器有新的数据需要推送时才关闭连接。当服务器有新的数据时，会将数据通过已建立的连接实时推送给客户端。这种方式需要客户端保持长时间的连接，相对于轮询方式来说，减少了客户端向服务器发送请求的次数，降低了服务器的负载。

2、Websocket

Websocket是HTML5提供的一种新的协议，可以在客户端和服务器之间建立一条全双工的通信通道，服务器和客户端之间可以实时地进行数据传输。Websocket协议的优势在于它可以同时处理双向消息传送，这意味着服务器可以主动向客户端推送消息，客户端也可以向服务器推送消息，实现了双向数据传输。

3、SSE

SSE（Server Sent Events）是一种HTML5的技术，它可以通过服务器向客户端发送消息，类似于一条持久连接，且是单向的，只能由服务端向客户端推送消息。SSE的优点在于它使用了HTTP协议，无须像其他通信协议一样进行握手，支持跨域通信。

四、实例应用

服务器推送消息技术应用广泛，如在线游戏、实时聊天、大型在线会议等。以下是一个简单的聊天室应用实例：

1、服务端代码（使用Node实现）

“`javascript

var app = require(‘express’)();

var server = require(‘http’).Server(app);

var io = require(‘socket.io’)(server);

io.on(‘connection’, function (socket) {

socket.on(‘chat message’, function (msg) { // 接收客户端发来的消息

io.emit(‘chat message’, msg); // 把消息发送给所有客户端

});

});

server.listen(3000, function () {

console.log(‘server listening on :3000’);

});

“`

2、客户端代码（使用jQuery和socket.io.js实现）

“`javascript

var socket = io();

$(‘form’).submit(function () {

socket.emit(‘chat message’, $(‘#m’).val()); // 发送消息给服务端

$(‘#m’).val(”);

return false;

});

socket.on(‘chat message’, function (msg) { // 接收服务端推送来的消息

$(‘#messages’).append($(‘