1. 程式人生 > >如何用ESP8266實現網頁配置(web)

如何用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)