点击查看【codepen】

    • 创建 ws 连接对象
      new WebSocket(wsUrl)

    • 连接事件 onopen 处理函数 

      1. wsObj.onopen = (evt) => {
      2. console.log("Connection open ...");
      3. };

    • 接收数据事件 onmessage 处理函数

      1. wsObj.onmessage = (evt) => {
      2. console.log(evt.data);
      3. };

    • 发送数据 send(data) 方法

    • 关闭事件 onclose 处理函数
      1. wsObj.onclose = (evt) => {
      2. console.log("Connection closed.");
      3. };