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/