HTML5 WebSocket的入门使用

HTML5 WebSocket：长连接，客户端与服务端可以保持长时间的通信。

一、具体步骤：

1、创建一个websocket实例，连接远程服务器并且需要一个连接服务器的url

let baseUrl = "ws://echo.websocket.org/"
let webSocket = new WebSocket(baseUrl)

注意，这里的URL前缀不再是HTTP协议，而是 ‘ws://’ 表示的是websocket协议，当然还有一种安全websocket协议的前缀 ‘wss://’ ,只有这两种。

2、创建之后开启WebSocket，方法：’ onopen ’

webSocket.onopen = function (e) {
    alert('webSocket is open')
}

3、接收和发送消息，方法：’ onmessage’ , 'send ’

webSocket.onmessage = function (e) {
    alert(e.data)
}
-----------------------------------------------------
webSocket.send('这是一条测试消息')

4、关闭WebSocket，方法：’ onclose ’

webSocket.onclose = function (e) {
    alert('webSocket is close')
}

二、相关文档

HTML5 WebSocket ：http://www.websocket.org/