简介
generator-cmmc-mqtt-webapp 是一个使用 Yeoman 生成器创建基于 MQTT 协议和 Web 技术的应用程序的 NPM 包。它使用了一些流行的前端技术,例如 React、Webpack 和 Material-UI,并提供了最基本的 MQTT 连接和发送消息的功能。
这个包非常适合那些对 MQTT 和 Web 应用程序开发感兴趣的人。
安装
在终端中使用以下命令安装 generator-cmmc-mqtt-webapp:
npm install -g yo npm install -g generator-cmmc-mqtt-webapp
使用
在终端中输入以下命令,创建一个新的应用程序:
yo cmmc-mqtt-webapp myApp
这将会创建一个名为 myApp 的新目录,并且会在其中创建示例应用程序的源代码。
运行应用程序
要运行应用程序,请进入到应用程序的目录中,然后使用以下命令:
npm start
如果一切都设置正确,你将能够在浏览器中访问应用程序:
http://localhost:8080/
MQTT 测试
在运行应用程序之前,你需要有一个运行着 MQTT 服务器的地方。
我们建议使用 Eclipse Mosquitto 作为 MQTT 服务器。你可以在以下网址下载和安装它:
https://mosquitto.org/download/
当 Mosquitto 安装完毕后,你可以使用以下命令来测试你的应用程序:
mosquitto_pub -t topic/test -m "Hello, World!"
这将会向"topic/test"主题发送一个消息。如果你的应用程序正在运行,你应该会在浏览器中看到它。
示例代码
以下是一个简单的示例,它演示了如何使用 generator-cmmc-mqtt-webapp 包创建一个基本的消息接收器应用程序。
-- -------------------- ---- ------- ------ ----- ---- -------- ------ - ---- - ---- ---------------- ----- --- ------- --------------- - ------------------ - ---------- - - --------- -- -- --- ------ - ------ ----- ------------ ----- ------- --------- --------- ------ ------------- ------ ----- ---------------- --------- -- - --- -------- - -------------------- ----------------------- ---- - ------------------------------------------------------------------------------ -------- ------------------------------------------------------------------------------------------------------------------------