在上一期:高性價(jià)比WIFI圖傳方案快速入門教程 我們可以看到確實(shí)這個(gè)圖傳模塊可以實(shí)現(xiàn)高性價(jià)比的圖傳方案,但是問(wèn)題又來(lái)了,上一期的wifi攝像頭連上的是局域網(wǎng)的熱點(diǎn),并且局域網(wǎng)的熱點(diǎn)和密碼是寫死在程序里面的,所以讓這個(gè)圖傳模塊連上網(wǎng)絡(luò)似乎比較頭疼。
有一篇CSDN的博客論述了WIFI模塊各種常見(jiàn)的配網(wǎng)方式說(shuō)明及其比較,證明了最好的配網(wǎng)方式是WEB配網(wǎng),反正個(gè)人覺(jué)得微信配網(wǎng)很麻煩,因?yàn)橐褂梦⑿?,沒(méi)有微信就沒(méi)有辦法了。在這一期項(xiàng)目中:將要實(shí)現(xiàn)一個(gè)WEB配網(wǎng)方式,通過(guò)ESP32-CAM先創(chuàng)建一個(gè)知道賬號(hào)和密碼的AP熱點(diǎn)“daodanjishui”,然后用手機(jī)WIFI通過(guò)輸入密碼asdfghjkl連上這個(gè)熱點(diǎn),再用該手機(jī)打開(kāi)瀏覽器,在瀏覽器網(wǎng)址輸入欄輸入192.168.4.1(熱點(diǎn)的IP是固定的,如果想在局域網(wǎng)實(shí)現(xiàn)DNS域名解析,請(qǐng)看我:ESP32-CAM、ESP8266、WIFI、藍(lán)牙、單片機(jī)、熱點(diǎn)創(chuàng)建嵌入式DNS服務(wù)器(姐妹篇)),輸入網(wǎng)址之后就可以看到保存在ESP32的配網(wǎng)主頁(yè)(如果想編寫監(jiān)控主頁(yè)的話,請(qǐng)看我:ESP32-CAM、ESP8266、WIFI、藍(lán)牙、攝像頭設(shè)備實(shí)現(xiàn)嵌入式服務(wù)器點(diǎn)燈(原理圖+源碼)),在主頁(yè)輸入要鏈接的無(wú)線WIFI賬號(hào)和密碼 ,點(diǎn)擊連接即可。連上Internet之后,自然可以輕松地發(fā)送get請(qǐng)求,最后請(qǐng)求"心知天氣"的服務(wù)器(如果想自己搭建私人服務(wù)器的話,請(qǐng)看我:ESP8266作為客戶端發(fā)送get請(qǐng)求和post請(qǐng)求的電路方案設(shè)計(jì)(原理圖+程序))返回北京的天氣預(yù)報(bào)(如果想實(shí)現(xiàn)私人天氣報(bào)警的話,請(qǐng)看我:基于stm32、Android和Html的溫濕度監(jiān)控系統(tǒng)的設(shè)計(jì)(原理圖+源碼);如果想實(shí)現(xiàn)上傳天氣參數(shù)給私人服務(wù)器的話,請(qǐng)看我:ESP8266上傳DHT11數(shù)據(jù)給私人javaweb服務(wù)器實(shí)現(xiàn)網(wǎng)頁(yè)查詢數(shù)據(jù)的電路方案(電路圖+源碼))給ESP32模塊,最后ESP32-CAMM模塊通過(guò)串口打印出來(lái)天氣情況(如果想把串口打印的消息輸出到網(wǎng)頁(yè),請(qǐng)看我:ESP32-CAM高性價(jià)比溫濕度監(jiān)控系統(tǒng) 和 ESP32-CAM無(wú)線監(jiān)控智能網(wǎng)關(guān)的設(shè)計(jì)與實(shí)現(xiàn))。
下面是實(shí)際演示過(guò)程:
(1)模塊上電,通過(guò)ESP32-CAM先創(chuàng)建一個(gè)知道賬號(hào)和密碼的AP熱點(diǎn)“daodanjishui”,再輸入密碼連上去。
(2)打開(kāi)該手機(jī)的隨便一個(gè)瀏覽器,在瀏覽器輸入IP:192.168.4.1(這個(gè)熱點(diǎn)IP是不會(huì)變的,所以不用看串口打印的IP地址就可以寫對(duì)),確定就跳轉(zhuǎn)到一個(gè)配網(wǎng)主頁(yè)。
(3)在配網(wǎng)主頁(yè)輸入需要連接路由器wifi和密碼,點(diǎn)擊連接
(4)如果密碼正確,ESP32會(huì)在串口打印出有關(guān)網(wǎng)絡(luò)信息(箭頭1),并且利用該網(wǎng)絡(luò)發(fā)送get請(qǐng)求(箭頭2)。用戶可以修改為L(zhǎng)ED指示燈也是沒(méi)有問(wèn)題的。
(5)互聯(lián)網(wǎng)上的“心知天氣”服務(wù)器收到該ESP32-CAM發(fā)送的get請(qǐng)求,就會(huì)把json格式的天氣預(yù)報(bào)信息返回給ESP32-CAM,ESP32-CAM再將該信息打印到串口上(不想讓程序復(fù)雜化,這里我沒(méi)有做json字符串解析)
項(xiàng)目真源碼截圖:
總結(jié):這套代碼可以學(xué)到圖傳攝像頭ESP32-CAM WEB配網(wǎng)、AP模式發(fā)布配網(wǎng)主頁(yè)到手機(jī)瀏覽器、嵌入式服務(wù)器獲取表單數(shù)據(jù)、STA模式連上Internet、發(fā)送GET請(qǐng)求給遠(yuǎn)程服務(wù)器獲取天氣預(yù)報(bào)。免費(fèi)版的代碼是沒(méi)有注釋的,收費(fèi)版是有詳細(xì)注釋的,隨君選擇。本項(xiàng)目涉及到的有關(guān)項(xiàng)目都是原創(chuàng)為主,不是什么51單片機(jī)點(diǎn)燈之類程序,挑選的是比較新的前沿的設(shè)備進(jìn)行創(chuàng)作。程序源碼都經(jīng)過(guò)嚴(yán)格測(cè)試,教程也詳細(xì)到位,從而保證了含金,也歡迎廣大電子愛(ài)好者和同學(xué)們采用相關(guān)的方案做電子設(shè)計(jì)、畢業(yè)設(shè)計(jì)或diy創(chuàng)作。
在本項(xiàng)目中放入的快捷鏈接,同樣是精心準(zhǔn)備的電路設(shè)計(jì)方案,都是軟件和硬件結(jié)合聯(lián)合調(diào)試的結(jié)晶,歡迎買家免費(fèi)觀看和了解。
后期將加入一些娛樂(lè)、玩耍和科幻創(chuàng)作的元素,敬請(qǐng)期待。