如何用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口可以不接)。

       接線如下：

 

<ignore_js_op> 

 

                                                                             圖1.1

測試

      在按照1.1接線完成后，請詳細檢查電路，確認沒有問題請打開串口調試助手選擇對應的COM口，配置模式為波特率：115200、數據位： 8 校驗位：none   停止位：1 流控：none

配置信息如下：

      確認沒有問題請按一下K1按鍵RST復位鍵（300m左右的低電平），打印信息如下：

顯示 ready 證明啟動正常。

<ignore_js_op>

 

 

常用工具下載連接：http://pan.baidu.com/s/1geBkYDd

 

常見問題：

          1、按鍵沒有反映

          （1）請檢查模組供電電源是不是3.3V/800ma的電源；

          （2）請檢查一下TX和RX是不是接錯位置；

          （3）檢查一下端口號選擇是否正確，有沒有關閉串口調試助手的端口。

        2、按鍵全是亂碼

          （1）請和模組廠家確定模塊的波特率是多少;

          （2）請檢查和模組通信的USB轉TTL是不是兼容性問題，建議使用的是CH340和CP2102芯片做的USB轉TTL.

          （3）請確定模組里面的程序是不是有問題。

<ignore_js_op>

            

 

 

燒錄程序

打開ESPFlashDownloadTool_v3.4.1,下載工具，選擇對應的芯片型號

注意：圖片上面的選擇信息。

 

 

 

使用說明

一、打開串口調試助手給模組從新上電打印信息如下

注意串口的輸出信息：

 

 

 

二、電腦或者手機連接模組的AP熱點鏈接ESP開頭的WIFI名稱。

<ignore_js_op>

 

打開瀏覽器，輸入192.168.4.1

<ignore_js_op>

 

顯示輸入賬號密碼：賬號密碼統一為admin

顯示界面如下：

<ignore_js_op>

 

端口設置：

<ignore_js_op>

 

client UDP/TCP透傳：

<ignore_js_op>

 

server UDP/TCP設置:

<ignore_js_op>

 

可以直接在網頁里面設置模組的熱點，同時也可以去鏈接路由器等

模組程序下載鏈接： <ignore_js_op> WEB.bin (4 MB, 下載次數: 14)