webSocket socket.io 使用

    webSocket 介绍     web网页     Socket  套接字

      WebSocket 是一种数据通信协议，类似于我们常见的 http 协议。它的最大特点就是，服务器可以主动向客户端推送信息，客户端也可以主动向服务器发送信息，是真正的双向平等对话。

     http协议的缺点  服务器不能主动向客户端发送消息

特点

       客户端与服务器端建立连接之后，就可以进行双向通讯了；

       webSocket是浏览器的内置对象(类似于XMLHttpRuquest) （开发时使用socket.io ）

与ajax的区别

    webSocket连接一次之后，可以进行多次通讯；

    ajax 遵守http协议  每一次的通讯都要由客户端发起，服务器  响应 。

     它们有一个共同点：它们都需要去连接服务器

webSocket工作流程

         这里的关闭链接 可以是用户手动关闭   也可以一段时间后服务器自动关闭 

 

socket.io     

         对原生websoket的封装        它有完整的前端和与之配套的后端服务器解决方案

          前端只需要关注的是客户端代码

使用 步骤

        安装   npm i socket.io-client

        导入   import io from 'socket.io-client

        建立链接               const socket = io('地址',{额外传参})

        链接成功的回调    socket.on('connect', function(){})

        发消息给服务器    socket.emit('自定义消息名', 内容) 

        从服务器接收消息  socket.on('自定义消息名', function(msg){})

注意： // 自定义消息名由后端决定  

调试工具