輕松實現(xiàn)WEB配網(wǎng)，500行代碼超小HTTP服務(wù)器【HarmonyOS HiSpark Wi-Fi IoT 套件試用連連載】

小嵌

輕松實現(xiàn)WEB配網(wǎng)，500行代碼超小HTTP服務(wù)器【HarmonyOS HiSpark Wi-Fi IoT 套件試用連連載】, 要做出一個像樣的產(chǎn)品，必須支持讓客戶自己配置IOT設(shè)備連接的WIFI網(wǎng)絡(luò)。論壇里常見的方案主要是APP配網(wǎng)，雖然商業(yè)上也許有更多余地（比如：引流），但作為用戶來說卻不是很喜歡。

比起在手機上安裝APP來配置，我個人更喜歡純粹的方式--WEB配網(wǎng)。

花了點時間實現(xiàn)了這個demo功能，需要的同學(xué)可以參考下



下面是效果展示：



首次開機會顯示一個SSID 和 密碼，使用手機、電腦連接這個AP開始WEB配網(wǎng)



WebConfig1.png （1.72 MB, 下載次數(shù): 0）

下載附件  保存到相冊  

1 小時前 上傳

在瀏覽器中輸入屏幕顯示的IP地址，填寫網(wǎng)絡(luò)信息并提交完成配網(wǎng) 這個界面目前很簡陋，因為沒有加任何的css



WebConfig2.png （15.51 KB, 下載次數(shù): 0）

下載附件  保存到相冊  

1 小時前 上傳

屏幕顯示正在連接



WebConfig3.png （1.63 MB, 下載次數(shù): 0）

下載附件  保存到相冊  

1 小時前 上傳

連接成功后，會顯示AP分配給IOT設(shè)備的IP地址



WebConfig4.png （1.58 MB, 下載次數(shù): 0）

下載附件  保存到相冊  

1 小時前 上傳



項目地址：

https://gitee.com/dxbedu/open_plant_butler/tree/master