1. 犀牛前端部落首页
  2. 网络教程

WebSocket使用教程

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)
}

原创文章,作者:犀牛前端部落,如若转载,请注明出处:https://www.pipipi.net/5104.html

发表评论

登录后才能评论