码迷,mamicode.com
首页 > 微信 > 详细

ESP8266 SDK开发: 微信小程序篇-微信小程序通过UDP实现和ESP8266局域网通信控制

时间:2020-05-13 09:54:52      阅读:445      评论:0      收藏:0      [点我收藏+]

标签:scrolling   --   功能   img   手机   height   返回   width   font   

 

 

 

 

实现的功能

1.微信小程序通过UDP实现和ESP8266局域网通信控制

 

控制开关吸合

技术图片

 

 

 

技术图片

 

 

 

控制开关断开

技术图片

 

测试说明

1.首先用户需要知道,微信小程序和WI-Fi通过UDP通信有两种方式

第一种:手机连接WI-Fi的无线,通信的IP地址为192.168.4.1

第二种:手机和WI-Fi都连接路由器,通信的IP地址为路由器分配给WI-Fi模块的IP地址

 

测试1:手机连接WI-Fi的无线

1.编译下载WI-Fi程序

 

我设置了模块工作在AP+STATION模式,

 

发出的无线名称为:wifi_8266_UDP  密码:11223344

 

UDP监听的端口号:5556

 

技术图片

 

 

 

 

2.修改微信小程序源码中连接的IP地址为192.168.4.1

技术图片

 

 

 

 

3.编译--预览

把微信小程序安装到手机

使用微信扫描二维码安装

技术图片

 

 

 

 

 

 

3.设置下手机连接的WI-Fi

无线名称为:wifi_8266_UDP  密码:11223344

技术图片

 

 

 

返回到微信小程序,控制开关吸合

技术图片

 

 

技术图片

 

 

控制开关断开

技术图片

 

 

 

测试2:手机和WI-Fi模块连接同一个路由器

首先保证手机和WI-Fi模块连接的同一个路由器!

技术图片

 

 

 

1.修改WI-Fi程序连接的路由器信息

然后编译下载

技术图片

 

 

 

 

2.用串口打印下WI-Fi模块分得的IP地址

技术图片

 

 

3.修改微信小程序连接的IP地址

技术图片

 

 

 

3.编译--预览

把微信小程序安装到手机

使用微信扫描二维码安装

技术图片

 

控制开关吸合

技术图片

 

 

 

技术图片

 

 

 

控制开关断开

技术图片

 

ESP8266 SDK开发: 微信小程序篇-微信小程序通过UDP实现和ESP8266局域网通信控制

标签:scrolling   --   功能   img   手机   height   返回   width   font   

原文地址:https://www.cnblogs.com/yangfengwu/p/12880045.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!