【RA6M3 HMI Board线下培训笔记】以太网+GUI技术实践篇-速通版

0.环境准备

1.软件

• 1.RT-Thread Studio
  下载链接
• 2.SquareLine Studio
  下载链接
• 3.MQTTX
  下载链接

2.硬件

• RA6M3 HMI Board板子
• 一根网线

3.示例文档和代码

• 文档
  以太网+GUI环境配置文档
  以太网+GUI技术实践文档

• 代码
  实践环节1和2代码：自己新建一个工程就可以
  [实践环节3和4代码链接](链接：https://pan.baidu.com/s/1pW4PInObvuLF67dK6rMmLA 提取码：9999)
  

#以太网+GUI技术实践技术路线图

1.实践环节一：以太网外设的使用

按照“以太网+GUI技术实践文档”一步一步操作就行。
主要步骤
1.创建HMI-Board模板工程。
2.在RT-Thread Studio的设置中使能以太网（Ethernet）外设。配置完要保存(ctrl+s)
3.保存配置并进行工程编译。
4.下载固件到开发板中。
5.进行电脑端网络设置。
6.检查网络连接。

电脑端设置注意
1.如果是台式机或笔记本插网线联网，接入开发板的网络可能回不稳定
这时请设置一下开发板那个网线的ip地址

2.如果在家庭网络连接中没有以太网选项，请按照以下步骤操作：

• 将电脑连接到手机热点。
• 启用电脑的移动热点。
• 返回WLAN属性界面，此时应该显示以太网选项。

查看网络
1.复位以后输入ifconfig查看是否获取到IP地址
2.成功获取到IP地址，可以输入"ping www.baidu.com"命令测试网络是否正常工作

2.实践环节二：MQTT 软件包的使用

按照“以太网+GUI技术实践文档”一步一步操作就行。
1.在示例工程中搜索 Kawaii-mqtt 软件包并使能 mqtt test 功能，然后拉取软件包到工程内，并编译、烧录固件到开发板中。
客户端代码设置用于配置后面的mqtt连接，但当你导入RT-Threads.json文件其实里面已经给配置好了。如果下次自己要改需要在这里改动。

    mqtt_set_host(client, "broker.emqx.io");
    mqtt_set_port(client, "1883");
    mqtt_set_user_name(client, "RT-Thread");
    mqtt_set_password(client, "012345678");
    mqtt_set_client_id(client, cid);
    mqtt_set_clean_session(client, 1);

2.使用 ifconfig 命令查看是否获取到 IP 地址，并输入 ka_mqtt 命令等待连接 MQTT 服务器成功。