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

小嵌

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

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

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



下面是效果展示：



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



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

下載附件  保存到相冊(cè)  

1 小時(shí)前 上傳

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



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

下載附件  保存到相冊(cè)  

1 小時(shí)前 上傳

屏幕顯示正在連接



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

下載附件  保存到相冊(cè)  

1 小時(shí)前 上傳

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



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

下載附件  保存到相冊(cè)  

1 小時(shí)前 上傳



項(xiàng)目地址：

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