在 Vue 项目中使用 MQTT
Vue 是一款由尤雨溪及其团队开发的渐进式 Javascript 前端框架。该框架具备数据双向绑定、组件化、响应式和轻量等特点,搭配其脚手架 Vue CLI 使得开发者更加容易上手,大大减少了学习成本。同时其配备一个专用的状态管理模式 Vuex ,在这里可以集中管理所有组件的状态。 MQTT 是一种基于发布/订阅模式的 轻量级物联网消息传输协议 。该协议提供了一对多的消息分发和应用程序的解耦,具备很小的传输消耗和协议数据交换、最大限度减少网络流量和三种不同消息服务质量等级,满足不同投递需求的优势。 本文主要介绍如何在 Vue 项目中使用 MQTT,实现客户端与 MQTT 服务器的连接、订阅、收发消息、取消订阅等功能。 项目初始化 新建项目 参考链接如下: 使用 Vue CLI 创建 Vue 项目 通过引用 Vue.js 创建 Vue 项目 示例: vue create vue-mqtt-test 安装 MQTT 客户端库 通过命令行安装: 可以使用 npm 或 yarn 命令,二者选一 npm install mqtt --save yarn add mqtt 通过 CDN 引入 <script src="https://unpkg.com/mqtt/dist/mqtt.min.js"></script> 下载到本地,然后使用相对路径引入 <script src="/your