WebSocket使用教程

在之前WebSocket 介绍中，我们以及介绍了WebSocket是什么。

这篇文章，俺将跟大家介绍如何使用WebSocket。

创建WebSocket连接

const url = 'wss://myserver.com/something'
const connection = new WebSocket(url)

connection是一个WebSocket对象。

当连接成功建立时，将触发open事件。

通过给连接对象的onopen属性分配一个回调函数来监听它：

connection.onopen = () => {
  //...
}

如果有任何错误，onerror函数回调被触发：

connection.onerror = (error) => {
  console.log(`WebSocket error: ${error}`)
}

发送数据

一旦连接打开，您就可以将数据发送到服务器。

你可以很方便的在onopen回调函数中，这样做：

connection.onopen = () => {
  connection.send('hey')
}

接受数据

用onmessage上的回调函数监听，当收到消息事件时调用：

connection.onmessage = (e) => {
  console.log(e.data)
}