前言
Vue3 版本,请访问 这篇文章。
在 vue2 | nuxt2 项目开发中,详解实现前端vue使用mqtt长连接实时通讯功能,利用MQTT发布/订阅传输协议连接客户端与服务端,在vue2项目中引入Mqtt进行连接和消息通讯,使用下载MQTTX软件连接和测试功能,适用于做消息通知、在线聊天沟通、实时刷新数据、消息推送等场景,解决了各种连接mqtt报错、连接超时、前端连接失败、跨域问题、连接断开重连问题等。
提供详细安装配置和示例代码,新手小白复制运行即可。
如下图所示,整个前后端下,连接使用MQTT并实现各种功能。
详细示例代码,保证100%搞定。
准备工作
在开始之前,先来看下MQTT介绍及相关工具。