编写 WebSocket 客户端应用

编写 WebSocket 客户端应用

WebSocket 客户端应用程序使用 WebSocket API 通过 WebSocket 协议与 WebSocket 服务器通信。

---

一、react 示例如下

  // 消息监听
  const webSocketInit = () => {
    const socket = new WebSocket(`ws://www.example.com/socketserver`) // 连接地址
    // 打开连接
    socket.onopen = () => {
      console.log('已连接')
    }
    // 接收数据
    socket.onmessage = event => {
      const data = JSON.parse(event)   // 接收数据处理
    }
    // 关闭连接
    socket.onclose = () => {
      console.log('已断开')
      reconnect()
    }
  }
  const reconnect = () => {
    // 进行重连
    setTimeout(webSocketInit(), 1000)
  }