Vue与Node.js通过socket.io通信的示例

原创 年树先生 随笔 vue 13397阅读 21 天前 举报

一、Node中socket.io基础

1、是什么
Socket.IO类库,是在服务器和浏览器之间提供一个共享接口,其可以用于实现以下几种通信方式:

  • HTML5中的WebSocket通信
  • Flash中使用的WebSocket通信
  • XHR轮询
  • JSONP轮询
  • Forever Iframe
    在通信时,客户端与服务器端可以使用相同的API
    2、怎么用
    原理:创建Scoket.IO服务器,该服务器依赖于一个已经创建的HTTP服务器
    服务器端引入

客户端引入

发送接收消息
send 发送

监听message接收消息

emit发送

监听同样是事件接收

使用send发消息,要用‘message'接收,另一端会触发该事件.
使用emit发送,另一端触发同样的事件来接收。
广播消息
用于多个客户端与服务器端连接。服务器端使用sockets属性,向所用客户端发消息。或者使用用于与客户端建立连接的socket对象,该对象具有broadcast对象,代表所有与其他Socket.IO客户端建立连接的socket对象。

二、Vue中使用socket.io
在项目目录下

在main.js中引入

Vue组件中

服务器端

结语

感谢您的观看,如有不足之处,欢迎批评指正。
本次给大家推荐一个免费的学习群,里面概括移动应用网站开发,css,html,webpack,vue node angular以及面试资源等。
对web开发技术感兴趣的同学,欢迎加入Q群:864305860,不管你是小白还是大牛我都欢迎,还有大牛整理的一套高效率学习路线和教程与您免费分享,同时每天更新视频资料。
最后,祝大家早日学有所成,拿到满意offer,快速升职加薪,走上人生巅峰。

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复