1. 实验目的带有WIFI扩展模块的串口屏可以实现WIFI通信。目前带WIFI模块的串口屏可以实现TCP服务器、TCP客户端、UDP客户端、MQTT客户端。WIFI模块可配置为station或softAP模式。本实验以常用的UDP客户端作为讲解。其他模式也大同小异也会在本实验最后一一展示测试步骤。2. 页面设计(1)、按钮控件连接wifi或断开wifi。选中按钮可以查看脚本代码。intres0;if(button8.txt连接WIFI){respage0.network0.openAp();if(res0){text9.txt连接成功;button8.txt断开WIFI;}elsetext9.txt连接失败intToString(res);}else{page0.network0.closeAp();if(res0){text9.txt断开成功;button8.txt连接WIFI;}elsetext9.txt断开失败intToString(res);}(2)、文本控件。用于显示接收UDP报文的远端地址(3)、整数控件。用于显示接收UDP报文的端口号(4)、整数控件。用于显示接收UDP报文的数据长度(5)、文本控件。用于显示接收UDP报文的数据内容(6)、文本控件。用于显示要发送的字符串点击可触发键盘编辑(7)、按钮控件。发送UDP报文选中可以看到脚本//发送字节//byte a[5] {0x31,0x32};//network0.send(a,0,2);//发送字符串network0.sendString(text1.txt);(8)、网络控件。选中可以查看配置的属性和接收脚本。数据接收的脚本为num62.valnetwork0.rxPort;//接收到远端端口text22.txtnetwork0.rxAddr;//接收到远端地址num24.valnetwork0.rxLen;//接收到的数据长度text13.txtstringDecode(network0.rxBuf,0,network0.rxLen);//接收到的数据。将接收到的字节数组rxBuf转换为字符串赋值给text13的txt属性3. 下载验证UDP客户端1、编译后下载到屏幕可看到如下初始化界面。2、点击界面上“连接WIFI”按钮系统会去连接名称为Redmi_1A6A密码为88888888的wifi要连接的WIFI名称和密码是在工程里配置的客户在验证时需要修改为自己的wifi。大约2秒则会提示连接成功。若连接不成功检查WiFi名称和密码是否填写正常大小写是否区分是否外接WIFI天线。或者先用手机、电脑连一连这个wifi看能否正常连接。3、由于我们需要测试UDP通信屏作为了一个UDP客户端那我们至少还需要一个UDP客户端两个UDP客户端互相通信。这里为了便于测试我们使用电脑的网络调试助手作为另一个UDP客户端。用电脑连上同一个WIFI名称为 Redmi_1A6A如下图。4、查询电脑本地IP地址。 winR弹窗输入cmd然后点击确定可以看到本地的IP地址连接网络的情况下才能查询到IP地址。如下图可以看到测试的电脑连上wifi后的IP地址为192.168.31.200。所以我们需要在VP 软件配置远端地址remoteAddr为192.168.31.300(客户在验证时需要修改为自己的IP地址)5、打开网络调试助手。协议类型选中UDP本地主机地址选择192.168.31.300端口号输入203点击连接。网络调试助手发送字符串sany lcd。串口屏则会收到UDP报文显示收到报文的地址为192.168.31.300端口号203数据长度8数据类容为sany lcd串口屏上点击发送按钮网络调试将会收到对应的数据这里收到的数据为字符串 text。测试结果如下4. 下载验证TCP客户端1、编译后下载到屏幕可看到如下初始化界面。2、点击界面上“连接WIFI”按钮系统会去连接名称为Redmi_1A6A密码为88888888的wifi要连接的WIFI名称和密码是在工程里配置的客户在验证时需要修改为自己的wifi。大约2秒则会提示连接成功。若连接不成功检查WiFi名称和密码是否填写正常大小写是否区分是否外接WIFI天线或者先用手机、电脑连一连这个wifi看能否正常连接。3、屏作为了一个TCP服务器端那我们至少还需要一个TCP客户端。这里为了便于测试我们使用电脑的网络调试助手作为TCP客户端。用电脑连上同一个WIFI如下图。4、查询电脑本地IP地址。 winR弹窗输入cmd然后点击确定可以看到本地的IP地址。如下图可以看到测试的电脑连上wifi后的IP地址为192.168.31.200。所以我们需要在VP 软件配置远端地址remoteAddr为192.168.31.300(客户在验证时需要修改为自己的IP地址)5、打开网络调试助手。协议类型选择TCP Server本地主机地址选择192.168.31.300(客户在验证时需要修改为自己的IP地址)端口号输入203点击连接即打开了TCP服务器端口。6、屏上点击”连接服务器”按钮。7、串口屏上点击发送按钮网络调试将会收到对应的数据这里收到的数据为字符串 text。8、网络调试助手发送字符串sany lcd。串口屏则会收到UDP报文显示收到报文的地址为192.168.31.300端口号203数据长度8数据类容为sany lcd测试结果如下5. 下载验证TCP服务器1、编译后下载到屏幕可看到如下初始化界面。2、点击界面上“连接WIFI命令”系统会去连接名称为Redmi_1A6A密码为88888888的wifi要连接的WIFI名称和密码是在工程里配置的客户在验证时需要修改为自己的wifi。大约2秒则会提示连接成功。若连接不成功检查WiFi名称和密码是否填写正常大小写是否区分是否外接WIFI天线或者先用手机、电脑连一连这个wifi看能否正常连接。3、由于我们需要测试TCP通信屏作为了一个TCP服务器端那我们至少还需要一个TCP客户端。这里为了便于测试我们使用电脑的网络调试助手作为一个TCP客户端。用电脑连上同一个WIFI如下图。4、查询电脑本地IP地址。 winR弹窗输入cmd然后点击确定可以看到本地的IP地址。如下图可以看到测试的电脑连上wifi后的IP地址为192.168.31.200。所以我们需要在VP 软件配置远端地址remoteAddr为192.168.31.300(客户在验证时需要修改为自己的IP地址)5、打开网络调试助手。协议类型选中TCP client本地主机地址选择192.168.31.300(客户在验证时需要修改为自己的IP地址)端口号输入203点击连接。6、网络调试助手发送字符串sany lcd。串口屏则会收到TCP报文显示收到报文的地址为192.168.31.300端口号203数据长度8数据类容为sany lcd7、串口屏上点击发送按钮网络调试将会收到对应的数据这里收到的数据为字符串 text。测试结果如下6. 下载验证MQTT客户端由于我们需要测试MQTT通信屏作为了一个MQTT客户端。屏使用的是安信可公司的WIFI模组这里我们使用安信可提供的MQTT服务器作为测试MQTT服务器 wx.ai-thinker.com 连接端口1883MQTT服务器控制台 wx.ai-thinker.com 连接端口180831、 编译后下载到屏幕可看到如下初始化界面。2、 点击界面上“连接WIFI命令”系统会去连接名称为Redmi_1A6A密码为88888888的wifi要连接的WIFI名称和密码是在工程里配置的客户在验证时需要修改为自己的wifi。大约2秒则会提示连接成功。若连接不成功检查WiFi名称和密码是否填写正常大小写是否区分是否外接WIFI天线或者先用手机、电脑连一连这个wifi看能否正常连接。3、 点击界面上的“连接服务器”按钮。系统会按照网络控件的配置连接MQTT服务器wx.ai-thinker.com 连接端口18834、 点击界面上的“subscribe”按钮将会订阅主题aithinker.5、 登录MQTT服务器控制台wx.ai-thinker.com 连接端口18083打开浏览器输入http://wx.ai-thinker.com:18083username: adminpassword: public登录后点击Settings设置成中文界面方便进行调试6、点击Websocket选项连接区域直接点击连接参数默认。设置好订阅主题和消息主题并点击订阅主题均为aithinker7、消息输入sany lcd点击发送屏即可收到主题为aithinker的报文结果如下8、点击屏上的“publish”按钮。控制台上会收到一个主题aithinker消息为text.
实验13 WIFI通信实验
发布时间：2026/5/26 21:17:29
1. 实验目的带有WIFI扩展模块的串口屏可以实现WIFI通信。目前带WIFI模块的串口屏可以实现TCP服务器、TCP客户端、UDP客户端、MQTT客户端。WIFI模块可配置为station或softAP模式。本实验以常用的UDP客户端作为讲解。其他模式也大同小异也会在本实验最后一一展示测试步骤。2. 页面设计(1)、按钮控件连接wifi或断开wifi。选中按钮可以查看脚本代码。intres0;if(button8.txt连接WIFI){respage0.network0.openAp();if(res0){text9.txt连接成功;button8.txt断开WIFI;}elsetext9.txt连接失败intToString(res);}else{page0.network0.closeAp();if(res0){text9.txt断开成功;button8.txt连接WIFI;}elsetext9.txt断开失败intToString(res);}(2)、文本控件。用于显示接收UDP报文的远端地址(3)、整数控件。用于显示接收UDP报文的端口号(4)、整数控件。用于显示接收UDP报文的数据长度(5)、文本控件。用于显示接收UDP报文的数据内容(6)、文本控件。用于显示要发送的字符串点击可触发键盘编辑(7)、按钮控件。发送UDP报文选中可以看到脚本//发送字节//byte a[5] {0x31,0x32};//network0.send(a,0,2);//发送字符串network0.sendString(text1.txt);(8)、网络控件。选中可以查看配置的属性和接收脚本。数据接收的脚本为num62.valnetwork0.rxPort;//接收到远端端口text22.txtnetwork0.rxAddr;//接收到远端地址num24.valnetwork0.rxLen;//接收到的数据长度text13.txtstringDecode(network0.rxBuf,0,network0.rxLen);//接收到的数据。将接收到的字节数组rxBuf转换为字符串赋值给text13的txt属性3. 下载验证UDP客户端1、编译后下载到屏幕可看到如下初始化界面。2、点击界面上“连接WIFI”按钮系统会去连接名称为Redmi_1A6A密码为88888888的wifi要连接的WIFI名称和密码是在工程里配置的客户在验证时需要修改为自己的wifi。大约2秒则会提示连接成功。若连接不成功检查WiFi名称和密码是否填写正常大小写是否区分是否外接WIFI天线。或者先用手机、电脑连一连这个wifi看能否正常连接。3、由于我们需要测试UDP通信屏作为了一个UDP客户端那我们至少还需要一个UDP客户端两个UDP客户端互相通信。这里为了便于测试我们使用电脑的网络调试助手作为另一个UDP客户端。用电脑连上同一个WIFI名称为 Redmi_1A6A如下图。4、查询电脑本地IP地址。 winR弹窗输入cmd然后点击确定可以看到本地的IP地址连接网络的情况下才能查询到IP地址。如下图可以看到测试的电脑连上wifi后的IP地址为192.168.31.200。所以我们需要在VP 软件配置远端地址remoteAddr为192.168.31.300(客户在验证时需要修改为自己的IP地址)5、打开网络调试助手。协议类型选中UDP本地主机地址选择192.168.31.300端口号输入203点击连接。网络调试助手发送字符串sany lcd。串口屏则会收到UDP报文显示收到报文的地址为192.168.31.300端口号203数据长度8数据类容为sany lcd串口屏上点击发送按钮网络调试将会收到对应的数据这里收到的数据为字符串 text。测试结果如下4. 下载验证TCP客户端1、编译后下载到屏幕可看到如下初始化界面。2、点击界面上“连接WIFI”按钮系统会去连接名称为Redmi_1A6A密码为88888888的wifi要连接的WIFI名称和密码是在工程里配置的客户在验证时需要修改为自己的wifi。大约2秒则会提示连接成功。若连接不成功检查WiFi名称和密码是否填写正常大小写是否区分是否外接WIFI天线或者先用手机、电脑连一连这个wifi看能否正常连接。3、屏作为了一个TCP服务器端那我们至少还需要一个TCP客户端。这里为了便于测试我们使用电脑的网络调试助手作为TCP客户端。用电脑连上同一个WIFI如下图。4、查询电脑本地IP地址。 winR弹窗输入cmd然后点击确定可以看到本地的IP地址。如下图可以看到测试的电脑连上wifi后的IP地址为192.168.31.200。所以我们需要在VP 软件配置远端地址remoteAddr为192.168.31.300(客户在验证时需要修改为自己的IP地址)5、打开网络调试助手。协议类型选择TCP Server本地主机地址选择192.168.31.300(客户在验证时需要修改为自己的IP地址)端口号输入203点击连接即打开了TCP服务器端口。6、屏上点击”连接服务器”按钮。7、串口屏上点击发送按钮网络调试将会收到对应的数据这里收到的数据为字符串 text。8、网络调试助手发送字符串sany lcd。串口屏则会收到UDP报文显示收到报文的地址为192.168.31.300端口号203数据长度8数据类容为sany lcd测试结果如下5. 下载验证TCP服务器1、编译后下载到屏幕可看到如下初始化界面。2、点击界面上“连接WIFI命令”系统会去连接名称为Redmi_1A6A密码为88888888的wifi要连接的WIFI名称和密码是在工程里配置的客户在验证时需要修改为自己的wifi。大约2秒则会提示连接成功。若连接不成功检查WiFi名称和密码是否填写正常大小写是否区分是否外接WIFI天线或者先用手机、电脑连一连这个wifi看能否正常连接。3、由于我们需要测试TCP通信屏作为了一个TCP服务器端那我们至少还需要一个TCP客户端。这里为了便于测试我们使用电脑的网络调试助手作为一个TCP客户端。用电脑连上同一个WIFI如下图。4、查询电脑本地IP地址。 winR弹窗输入cmd然后点击确定可以看到本地的IP地址。如下图可以看到测试的电脑连上wifi后的IP地址为192.168.31.200。所以我们需要在VP 软件配置远端地址remoteAddr为192.168.31.300(客户在验证时需要修改为自己的IP地址)5、打开网络调试助手。协议类型选中TCP client本地主机地址选择192.168.31.300(客户在验证时需要修改为自己的IP地址)端口号输入203点击连接。6、网络调试助手发送字符串sany lcd。串口屏则会收到TCP报文显示收到报文的地址为192.168.31.300端口号203数据长度8数据类容为sany lcd7、串口屏上点击发送按钮网络调试将会收到对应的数据这里收到的数据为字符串 text。测试结果如下6. 下载验证MQTT客户端由于我们需要测试MQTT通信屏作为了一个MQTT客户端。屏使用的是安信可公司的WIFI模组这里我们使用安信可提供的MQTT服务器作为测试MQTT服务器 wx.ai-thinker.com 连接端口1883MQTT服务器控制台 wx.ai-thinker.com 连接端口180831、 编译后下载到屏幕可看到如下初始化界面。2、 点击界面上“连接WIFI命令”系统会去连接名称为Redmi_1A6A密码为88888888的wifi要连接的WIFI名称和密码是在工程里配置的客户在验证时需要修改为自己的wifi。大约2秒则会提示连接成功。若连接不成功检查WiFi名称和密码是否填写正常大小写是否区分是否外接WIFI天线或者先用手机、电脑连一连这个wifi看能否正常连接。3、 点击界面上的“连接服务器”按钮。系统会按照网络控件的配置连接MQTT服务器wx.ai-thinker.com 连接端口18834、 点击界面上的“subscribe”按钮将会订阅主题aithinker.5、 登录MQTT服务器控制台wx.ai-thinker.com 连接端口18083打开浏览器输入http://wx.ai-thinker.com:18083username: adminpassword: public登录后点击Settings设置成中文界面方便进行调试6、点击Websocket选项连接区域直接点击连接参数默认。设置好订阅主题和消息主题并点击订阅主题均为aithinker7、消息输入sany lcd点击发送屏即可收到主题为aithinker的报文结果如下8、点击屏上的“publish”按钮。控制台上会收到一个主题aithinker消息为text.
