websock使用
- websock 与 http所用的传输协议不一致,所以编写方式也不相同
- ws等同于http,wss等同于https (本人这么理解,也为了方便记忆)
- 后台可直接推送消息向前台,前台可以拿到后台给的数据,在浏览器控制台Network => ws 也可看见返回的信息
代码分享
👍记得点赞哦 😄
👇大佬请看👇
let websock; //在script标签内 定义websock变量
// 初始化websock
initWebSocket(){
// const interface= `wss://接口(后台同学提供)` // 这里对应的是https格式
// const interface= `ws://接口(后台同学提供)` // 这里对应的是http格式
websock=new WebSocket(interface);
websock.onopen = this.websocketOpen(); //(建立连接)
//this.websocketOpen() 为function方法 也可直接写 websock.onopen = function(e){}
websock.onmessage = this.websocketMessage(); // (有websock数据时的处理逻辑) //同上
websock.onerror = this.websockeTError(); //(连接失败或报错)//同上
websock.onclose = this.websocketClose(); //(关闭连接)//同上
},
// 另外可以使用 websock.send(data);模拟发送数据
// 在需要的地方直接调用即可 例如vue可在生命周期created中调用,在页面加载可访问时便开始准备接收
都看👓完了,就👍1️⃣👇吧