|
轻松实现WEB配网,500行代码超小HTTP服务器【HarmonyOS HiSpark Wi-Fi IoT 套件试用连连载】, 要做出一个像样的产品,必须支持让客户自己配置IOT设备连接的WIFI网络。论坛里常见的方案主要是APP配网,虽然商业上也许有更多余地(比如:引流),但作为用户来说却不是很喜欢。
比起在手机上安装APP来配置,我个人更喜欢纯粹的方式--WEB配网。
花了点时间实现了这个demo功能,需要的同学可以参考下
下面是效果展示:
首次开机会显示一个SSID 和 密码,使用手机、电脑连接这个AP开始WEB配网
WebConfig1.png (1.72 MB, 下载次数: 0)
下载附件 保存到相册
1 小时前 上传
在浏览器中输入屏幕显示的IP地址,填写网络信息并提交完成配网 这个界面目前很简陋,因为没有加任何的css
WebConfig2.png (15.51 KB, 下载次数: 0)
下载附件 保存到相册
1 小时前 上传
屏幕显示正在连接
WebConfig3.png (1.63 MB, 下载次数: 0)
下载附件 保存到相册
1 小时前 上传
连接成功后,会显示AP分配给IOT设备的IP地址
WebConfig4.png (1.58 MB, 下载次数: 0)
下载附件 保存到相册
1 小时前 上传
项目地址:
https://gitee.com/dxbedu/open_plant_butler/tree/master |
|