RT-Thread-【RA6M3 HMI Board深圳线下培训笔记】HMI-Board以太网通过mqtt连接云学习笔记RT-Thread问答社区

【RA6M3 HMI Board深圳线下培训笔记】HMI-Board以太网通过mqtt连接云学习笔记

发布于 2024-03-07 22:43:47 浏览：610 订阅该版

#目录：
1.	开发板HMI-Boarrd简单介绍说明
2.	实践Demo操作笔记
3.	使用GUI-Guider-1.5.1-GA画ui实践
4.	GUI-Guider画LVGL ui做mqtt连接onenet云实践
5.	总结

#正文

##1. 开发板HMI-Boarrd简单介绍说明
	此次实践使用开发板HMI-Board 即RA6M3，HMI-Board是 RT-Thread 联合瑞萨推出的高性价比图形评估套件，取代传统的 HMI+主控板硬件，一套硬件即可实现 HMI+IoT+控制的全套能力。依托于瑞萨高性能芯片 RA6M3 及 RT-Thread 软件生态，HMI-Board 不仅硬件性能强劲，同时软件生态丰富，助力开发者快速开发出GUI智能硬件产品。

###硬件配置：
	2M片上flash
	640Kb片上SRAM
	硬件JPEG解码
	2D图形加速
	RGB888-LCD控制器
	Arduino 接口
	Pmod 接口
	以太网接口
	USB-Device
	CAN接口
	扬声器，麦克风接口
	板载 DAP-Link

![screenshot_undefined](undefined)

![screenshot_image.png](https://oss-club.rt-thread.org/uploads/20240307/2e0b5cc87389cf442ded7074786f7f49.png.webp)

单片机本身不带wifi以及以太网端口，HMI-Board通过spi外接RW007 wifi模块连接网络，并已有包支持

![screenshot_undefined](undefined)
![screenshot_image.png](https://oss-club.rt-thread.org/uploads/20240307/523a085a2543154b60edd50b781fa4b2.png.webp)
硬件原理图上可以看出使用SPI3脚
![screenshot_undefined](undefined)
![screenshot_image.png](https://oss-club.rt-thread.org/uploads/20240307/4d407152deed7ef3af0233201487846e.png)

此次使用的云平台为EMQX云服务器。开发板、电脑、云平台关系如图所示，电脑和开发板均属于客户端。
此外MQTT消息的发布者和订阅者都是客户端，服务器只是作为一个中转的存在，将发布者发布的消息进行转发给所有订阅该主题的订阅者；发布者可以发布在其权限之内的所有主题，并且消息发布者可以同时是订阅者，实现了生产者与消费者的脱耦，发布的消息可以同时被多个订阅者订阅。
![screenshot_image.png](https://oss-club.rt-thread.org/uploads/20240307/6690347d83ceabea14779d41b1be2151.png)

##2.	实践Demo操作笔记
####1.	此次实践使用的win桌面版本demo，开机首页如下：
![screenshot_undefined](undefined)
![screenshot_image.png](https://oss-club.rt-thread.org/uploads/20240307/c6be448573d8788f63fd951affed7148.png.webp)

####2.	因我本身没用以太网线，于是在编译代码时打开了wifi模块的包，注意是SPI3口的wifi
![screenshot_undefined](undefined)
![screenshot_image.png](https://oss-club.rt-thread.org/uploads/20240307/56557d5f2413d5097f4003cce9278239.png.webp)

####3.	代码中打开test工程，修改了原本代码中的密码以及订阅信息如下：

![screenshot_undefined](undefined)
![screenshot_image.png](https://oss-club.rt-thread.org/uploads/20240307/1fd03965e9b10c2310c6b69ddfb7e1c7.png.webp)

####4.	我们在代码中ka_mqtt加入到命令中去，开机起来后可以在命令行输入help看到ka_mqtt的命令
MSH_CMD_EXPORT(ka_mqtt, Kawaii MQTT client test program);

![screenshot_undefined](undefined)
![screenshot_image.png](https://oss-club.rt-thread.org/uploads/20240307/1db57caae6edfdfd3ac6343d77c1415c.png.webp)

####5.	在命令行启动即可，这一点还是很方便的。我们通过打开MQTTX订阅pub9215消息即可看到开发板周期性上报的数据

![screenshot_undefined](undefined)
![screenshot_image.png](https://oss-club.rt-thread.org/uploads/20240307/1e14b0fe294ee1eafde04dd44a83501a.png)

![screenshot_undefined](undefined)
![screenshot_image.png](https://oss-club.rt-thread.org/uploads/20240307/826cde2362197f942c63cb61b1af2f3f.png.webp)

####6.	开发板通过发布消息到云端服务器，电脑端MQTTX订阅云端消息就可以看到发布数据。反过来电脑端发布，开发板订阅线程也是有收到打印到串口
![screenshot_undefined](undefined)
![screenshot_image.png](https://oss-club.rt-thread.org/uploads/20240307/61ff35ec55e0307d37f83b6c76f0fbe9.png.webp)

![screenshot_undefined](undefined)
![screenshot_image.png](https://oss-club.rt-thread.org/uploads/20240307/0299c1a9ed66a1040e9dd55f7d16bbba.png.webp)

##3.	使用GUI-Guider-1.5.1-GA画ui实践
经过前面的demo实践，是时候自己操刀一把了，如下是使用ui工具画ui实践
####1.	先跑一下lvgl的demo试试，于是编译如下空调gui
![screenshot_undefined](undefined)
![screenshot_image.png](https://oss-club.rt-thread.org/uploads/20240307/3b1f594090cd131dc4e14020cacf2714.png.webp)
####2.	移植代码到板子中编译下载，看看效果

![screenshot_undefined](undefined)
![screenshot_image.png](https://oss-club.rt-thread.org/uploads/20240307/4904d505ccbedbcb40a2dd76773311f5.png.webp)

##4.	GUI-Guider画LVGL ui做mqtt连接onenet云实践
之前有玩过一下onenet云，此次试试rtt开发板连onenet云操作
####1.	首先画ui，使用按钮开关打开登录，做滑块切换值，最终效果如下
![screenshot_undefined](undefined)
![screenshot_image.png](https://oss-club.rt-thread.org/uploads/20240307/1d251d93058ab65b036d83e80ba868fc.png.webp)
下载板子点亮：
![screenshot_undefined](undefined)
![screenshot_image.png](https://oss-club.rt-thread.org/uploads/20240307/c1e787b346dcea000e1428179d193a6c.png.webp)

####2.	使用包rw007 wifi包，cjson，lvgl，以及mqtt包。代码如下，在开机后起来连接wifi，创建lvgl的ui
![screenshot_undefined](undefined)
![screenshot_image.png](https://oss-club.rt-thread.org/uploads/20240307/58c4010444d0bb915daaafcb91b4d87e.png.webp)

####3.	mqtt的开始函数放在按钮响应事件中
![screenshot_undefined](undefined)
![screenshot_image.png](https://oss-club.rt-thread.org/uploads/20240307/acb460c6ba4e4ce178cc1753c12d48ad.png.webp)

![screenshot_undefined](undefined)
![screenshot_image.png](https://oss-club.rt-thread.org/uploads/20240307/af6c66bdc53174c44e692f03e1f6f941.png.webp)

####4.	将onenet云设备密码填入准备登录
![screenshot_undefined](undefined)
![screenshot_image.png](https://oss-club.rt-thread.org/uploads/20240307/868f03d14714a2553da2cb23ff5fa908.png.webp)

####5.	最终登录后订阅消息

![screenshot_undefined](undefined)
![screenshot_image.png](https://oss-club.rt-thread.org/uploads/20240307/6cb1376c48f655204e20adac57b286d0.png.webp)

####6.	后面创建一个子线程用于周期性上报电量数据
![screenshot_undefined](undefined)
![screenshot_image.png](https://oss-club.rt-thread.org/uploads/20240307/9ca5028868bdd93e965a20736c0ab281.png.webp)

####7.	开机后自动连接我的wifi，使用ifconfig可以看到了联网成功
![screenshot_undefined](undefined)
![screenshot_image.png](https://oss-club.rt-thread.org/uploads/20240307/8c2989fa9dcb28dba9d156a734b89f1c.png.webp)

####8.	打开ui上的Onenet按钮开关可以看到连接登录成功，同时周期性发布数据到云端
![screenshot_undefined](undefined)
![screenshot_image.png](https://oss-club.rt-thread.org/uploads/20240307/f19cfed4bebc59e29c21be1644eb7246.png.webp)

![screenshot_undefined](undefined)
![screenshot_image.png](https://oss-club.rt-thread.org/uploads/20240307/edc9af1e280d349dd79b73683427a09b.png.webp)

####9.	云上后台看到设备登录在线状态
![screenshot_undefined](undefined)
![screenshot_image.png](https://oss-club.rt-thread.org/uploads/20240307/5dae682c9c10a7df7ca4e7e3a193421f.png.webp)

####10. 	切换到云端数据上看到开开关切换以及电量等数据的刷新，以及终端log提示操作
![screenshot_undefined](undefined)
![screenshot_image.png](https://oss-club.rt-thread.org/uploads/20240307/f01ba1f4e11b572226a5877315e85e47.png.webp)

![screenshot_undefined](undefined)
![screenshot_image.png](https://oss-club.rt-thread.org/uploads/20240307/93302f76d9edc87e290afea7c95d6b8c.png.webp)

##5.	总结
1. 虽然那天天气很冷，活动现场氛围非常热情，让我看到每个开源爱好者的学习激情澎湃
2. RT-thread小师弟以及开发者不吝指导，答疑着每位学习者的疑问，为各位大佬点赞
3. 在这种氛围下虽说只有一下午时间，但还是学习到很多东西，比如mqtt工具使用，EQMX云，OneNet云，开发板LVGL画UI等