如何用ESP8266實現網頁配置(web)
準備工作
準備一個深圳四博智聯科技有限公司的ESP-F 模組。或者四博智聯科技的NODEMCU
當我們拿到ESP-F模組後,可以按照以下接線進行測試:
即 VCC、EN 接 3.3v、GPIO15 GND 接地、模組的 TX、RX 接串列埠工具的 RX、TX、RST 引腳低電平復位,不需要的IO腳位可以懸空、如果要下載模組裡面的韌體請把GPIO0做拉低處理
(溫馨提示:如果您購買的是 ESP-01S/M/F1/F2 只需要接VCC GND RX TX 既可正常工作)。如果您購買的是 ESP-01 模組只需要把 CH-PD 接到 VCC 上。其他的按照下圖接線即可(沒有的 IO口可以不接)。
接線如下:
1234.png (306.87 KB, 下載次數: 0)
昨天 09:48 上傳
圖1.1
測試
在按照1.1接線完成後,請詳細檢查電路,確認沒有問題請開啟串列埠除錯助手選擇對應的COM口,配置模式為波特率:115200、資料位: 8 校驗位:none 停止位:1 流控:none
配置資訊如下:
確認沒有問題請按一下K1按鍵RST復位鍵(300m左右的低電平),列印資訊如下:
顯示 ready 證明啟動正常。
12312.png (12.79 KB, 下載次數: 0)
昨天 09:48 上傳
常見問題:
1、按鍵沒有反映
(1)請檢查模組供電電源是不是3.3V/800ma的電源;
(2)請檢查一下TX和RX是不是接錯位置;
(3)檢查一下埠號選擇是否正確,有沒有關閉串列埠除錯助手的埠。
2、按鍵全是亂碼
(1)請和模組廠家確定模組的波特率是多少;
(2)請檢查和模組通訊的USB轉TTL是不是相容性問題,建議使用的是CH340和CP2102晶片做的USB轉TTL.
(3)請確定模組裡面的程式是不是有問題。
12345.png (258.13 KB, 下載次數: 0)
昨天 09:49 上傳
燒錄程式
開啟ESPFlashDownloadTool_v3.4.1,下載工具,選擇對應的晶片型號
注意:圖片上面的選擇資訊。
0.png (68.06 KB, 下載次數: 0)
3 天前 上傳
使用說明
一、開啟串列埠除錯助手給模組從新上電列印資訊如下
注意串列埠的輸出資訊:
1.png (26.08 KB, 下載次數: 0)
3 天前 上傳
二、電腦或者手機連線模組的AP熱點連結ESP開頭的WIFI名稱。
7.png (21.04 KB, 下載次數: 0)
3 天前 上傳
開啟瀏覽器,輸入192.168.4.1
2.png (9.49 KB, 下載次數: 1)
3 天前 上傳
顯示輸入賬號密碼:賬號密碼統一為admin
顯示介面如下:
3.png (42.1 KB, 下載次數: 0)
3 天前 上傳
埠設定:
4.png (28.52 KB, 下載次數: 0)
3 天前 上傳
client UDP/TCP透傳:
5.png (42.35 KB, 下載次數: 0)
3 天前 上傳
server UDP/TCP設定:
6.png (30.74 KB, 下載次數: 0)
3 天前 上傳
可以直接在網頁裡面設定模組的熱點,同時也可以去連結路由器等
模組程式下載連結: WEB.bin (4 MB, 下載次數: 31)