Vue项目注入WebSocket,你所见的微信聊天不过如此

编程入门 行业动态 更新时间:2024-10-24 12:20:48

Vue项目注入WebSocket,你<a href=https://www.elefans.com/category/jswz/34/1695342.html style=所见的微信聊天不过如此"/>

Vue项目注入WebSocket,你所见的微信聊天不过如此

微信 QQ这样平凡处于生活中的应用工具离我们距离很近,就想他们在生活中一样接近
那么我们就来看看年轻的WebSocket
首先要在node中引入

 npm install nodejs-websocket --save

之后我们在组件中调用即可

data(){return{ws:null,}},created () {this.ws = new    WebSocket("ws://localhost:8101/socketServer/customer/null")//建立链接后回调this.ws.onopen = (event)=>{console.log(event);},//建立链接时报错的回调this.ws.onerror = (event)=>{console.log(event)},//接收到推送数据时的回调this.ws.onmessage = (event)=>{console.log(event);},//关闭时回调this.ws.onclose = (event)=>{console.log(event);},//用于向服务端发送数据this.ws.send("传输数据")}

这样就可以建立一个简单的链接了,当然地址还是需要你的后端给你
有了灵活的时时推送技术,写出一个自己的微信还是件难事吗?

更多推荐

Vue项目注入WebSocket,你所见的微信聊天不过如此

本文发布于:2024-02-27 13:03:26,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/34/1706641.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:所见   不过如此   项目   Vue   WebSocket

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!