1小时用EMQX开源版搭建智能家居原型

快速体验

1. 打开 InsCode(快马)平台 https://www.inscode.net
2. 输入框内输入如下内容：

   请设计一个基于EMQX开源版的智能家居快速原型，包含：1. 模拟设备代码（温度传感器、智能灯）；2. Web控制界面（Vue.js）；3. 自动化规则（温度超过阈值自动开空调）；4. 移动端适配方案。要求使用MQTT over WebSocket，1小时内可完成部署演示。

3. 点击'项目生成'按钮，等待项目生成完整后预览效果

最近想做个智能家居的小demo，研究了下EMQX这个开源的MQTT消息服务器，发现用它搭建原型简直快得飞起。记录下我的实践过程，从零开始1小时内就能跑通整套智能家居控制流程。

一、EMQX的快速上手

EMQX是个高性能的MQTT Broker，开源版完全够用。最方便的是它支持WebSocket协议，这样前端可以直接用浏览器连接，省去了原生客户端的开发。

1. 直接去官网下载对应系统的安装包，解压后命令行启动服务
2. 默认控制台地址是18083端口，用admin/public就能登录
3. 在鉴权里开启匿名访问（演示用，生产环境要配置账号）

二、模拟智能设备

需要两个模拟设备：温度传感器和智能灯泡，用Python脚本模拟即可。

1. 温度传感器每隔5秒发布当前温度到sensor/temperature主题
2. 智能灯泡订阅light/control主题，收到"ON"/"OFF"就改变状态
3. 用Paho-MQTT库建立WebSocket连接（ws://localhost:8083/mqtt）

三、Web控制界面开发

用Vue.js+MQTT.js实现控制面板：

1. 创建基础Vue项目，引入MQTT.js库
2. 连接EMQX的WebSocket端口（注意用ws协议）
3. 界面包含：
4. 实时温度显示（订阅sensor/temperature）
5. 灯泡开关按钮（发布到light/control）
6. 温度阈值设置输入框

四、自动化规则实现

在EMQX控制台配置规则引擎：

1. 创建规则：当sensor/temperature消息值>28度时
2. 动作：向ac/control主题发送"ON"
3. 同理可以添加关闭空调的规则

五、移动端适配技巧

1. 用响应式布局（Vuetify或Bootstrap）
2. 控制界面单独做成PWA应用，添加到手机桌面
3. 测试不同尺寸下的显示效果

踩坑记录

• WebSocket连接注意用ws://（非SSL）或wss://（SSL）
• 主题命名建议用设备类型/设备ID/功能的层级结构
• 规则引擎的条件表达式要写对数据类型（比如温度是数字）

整个原型开发最耗时的其实是前端界面调试，MQTT消息通信部分反而特别顺畅。EMQX的WebSocket支持真是神器，省去了搭建API服务的功夫。

最后安利下InsCode(快马)平台，像这种需要快速验证想法的场景，用他们的在线编辑器+一键部署特别方便。我测试时直接把前端代码扔上去，点个部署按钮就能生成临时访问链接，手机扫码立刻能体验效果。

下一步准备把空调模拟设备加进来，再试试设备分组控制的功能。EMQX的文档里还有很多高级特性可以探索，比如共享订阅和桥接，这对实现多用户场景应该很有帮助。

快速体验

1. 打开 InsCode(快马)平台 https://www.inscode.net
2. 输入框内输入如下内容：

   请设计一个基于EMQX开源版的智能家居快速原型，包含：1. 模拟设备代码（温度传感器、智能灯）；2. Web控制界面（Vue.js）；3. 自动化规则（温度超过阈值自动开空调）；4. 移动端适配方案。要求使用MQTT over WebSocket，1小时内可完成部署演示。

3. 点击'项目生成'按钮，等待项目生成完整后预览效果