消息推送技术

参考：https://88250.b3log.org/web-message-push
https://www.cnblogs.com/gitnull/p/10728653.html

一、web层消息推送

1、基于HTTP请求轮询，位于应用层的单工通讯。

根据轮询时间、请求处理方式分为简单轮询、长轮询、HTTP流。

1.1、简单轮询：

• 原理：客户端定时发起请求，服务端处理返回响应。
• 优点：实现简单，可调整轮询时间间隔；
• 缺点：服务端需要处理大量请求，资源消耗。

1.2、 长轮询：

• 原理：客户端发起请求，服务端将请求挂起，直到超时、异常或需要推送内容时才返回，客户端收到响应后再次请求。
• 优点：实时性高；
• 缺点：服务端需要管理挂起请求。不能多个长连接同时存在，会被阻塞。

1.3、HTTP流：

• 原理：是长轮询的一种，客户端发起请求后，服务端将请求挂起，需要推送内容时，服务端通过HTTP流一直向客户端写入数据，直到超时或异常才关闭连接，断开连接后客户端再次请求服务端。
• 优点：实时性高；
• 缺点：服务端需要管理挂起请求。不能多个长连接同时存在，会被阻塞。

二、服务层消息推送

2.1、WebSocket是HTML5提供的一种全双工通讯的网络协议标准。

• 原理：在支持 Websocket 的浏览器中提供了原生的 WebSocekt 对象，其中对于消息的接收与数据帧处理在浏览器中已经封装好了。只需要new一个WebSocket实例，接受url和子协议作为参数，实例对象有send()方法发送数据到服务端，和close()方法主动断开连接。实例化对象可以监听一下事件：open、message、close、error。
  – open 连接打开的回调事件，这时 readyState 变为 OPEN；
  – message 收到消息的回调事件，同时回调函数接收到一个 MessageEvent 数据；
  – close 连接关闭的回调事件，这时 readyState 变为 CLOSED；
  – error 建立与连接过程发生错误的回调事件；

<h1>Echo Test</h1>
    <input id="sendTxt" type="text">
    <button id="sendBtn">发送</button>
    <div id="recv"></div>
    <script type="text/javascript">
        var websocket = new WebSocket("ws://echo.websocket.org/");
        // 引入websocket
        websock