How to use ESP8266 to implement web configuration (web)

kami_ding

How to use ESP8266 to implement web configuration (web) [Copy link]

Preparation Prepare an ESP-F module from Shenzhen Sibo Zhilian Technology Co., Ltd. Or the NODEMCU of Sibo Zhilian Technology When we get the ESP-F module, we can test it according to the following wiring: That is, VCC, EN connect to 3.3v, GPIO15 GND connect to ground, TX, RX of the module connect to the RX, TX, RST pins of the serial port tool for low level reset, unnecessary IO pins can be left floating, if you want to download the firmware in the module, please pull GPIO0 low (Warm Tips: If you purchased ESP-01S/M/F1/F2, you only need to connect VCC GND RX TX to work properly). If you purchased the ESP-01 module, you only need to connect CH-PD to VCC. For the others, just connect as shown below (if there is no IO port, you can leave it unconnected). The wiring is as follows: 1234.png (306.87 KB, Downloads: 0) Download attachment Uploaded yesterday at 09:48 [p=26, null, Figure 1.1 Test After completing the wiring according to 1.1, please check the circuit in detail. To confirm that there is no problem, please open the serial port debugging assistant and select the corresponding COM port. The configuration mode is baud rate: 115200, data bits: 8, parity bit: none, stop bit: 1 Flow control: none The configuration information is as follows: To confirm that there is no problem, press the K1 button RST reset button (a low level of about 300m). The printed information is as follows: It displays ready, proving that the startup is normal. 12312.png (12.79 KB, Downloads: 0) Download attachment Uploaded yesterday at 09:48 Common tools download link: http://pan.baidu.com/s/1geBkYDd Frequently Asked Questions: 1. The buttons do not respond (1) Please check whether the module power supply is 3.3V/800ma; (2) Please check if TX and RX are connected in the wrong position; (3) Check if the port number is selected correctly and whether the port of the serial debugging assistant is closed. 2. The buttons are all garbled (1) Please confirm the baud rate of the module with the module manufacturer; (2) Please check whether the USB to TTL converter that communicates with the module has compatibility issues. It is recommended to use the USB to TTL converter made of CH340 and CP2102 chips. (3) Please make sure whether there is any problem with the program in the module. 12345.png (258.13 KB, Downloads: 0) Download attachment Uploaded yesterday at 09:49 Burn the program Open ESPFlashDownloadTool_v3.4.1, download the tool, select the corresponding chip model Note: The selection information above the picture. 0.png (68.06 KB, Downloads: 0) Download attachment Uploaded 3 days ago Instructions 1. Open the serial port debugging assistant and power on the module again to print the following information Note the output information of the serial port: 1.png (26.08 KB, Downloads: 0) Download attachment Uploaded 3 days ago 2. Connect the computer or mobile phone to the module's AP hotspot linkWIFI name starting with ESP. 7.png (21.04 KB, Downloads: 0) Download attachment Uploaded 3 days ago Open the browser and enter 192.168.4.1 2.png (9.49 KB, Downloads: 1) Download attachment Uploaded 3 days ago Show to enter account password: The account password is unified as admin The display interface is as follows: 3.png (42.1 KB, Downloads: 0) Download attachment Uploaded 3 days ago Port settings: 4.png (28.52 KB, Downloads: 0) Download attachment Uploaded 3 days ago client UDP/TCP transparent transmission: 5.png (42.35 KB, Downloads: 0) Download attachment Uploaded 3 days ago server UDP/TCP settings: You can directly set the module's hotspot in the web page, and you can also connect to routers, etc. Module program download link: WEB.bin (4 MB, Downloads: 31) 3 days ago Uploaded Click on the file name to download the attachment module program

php?mod=attachment&aid=NjkxfDBkMjZkYWY5fDE1MzIwNzMxNjJ8MHw0NDU%3Dhumb=yes]Download attachment[/url]

Uploaded 3 days ago

2. Connect the computer or mobile phone to the module's AP hotspot linkWIFI name starting with ESP.

7.png (21.04 KB, Downloads: 0) Download attachment

Uploaded 3 days ago

Open the browser and enter 192.168.4.1

2.png (9.49 KB, Downloads: 1) Download attachment

Uploaded 3 days ago

Show account and password input: the account and password are unified as admin

The display interface is as follows:

3.png (42.1 KB, Downloads: 0) Download attachment

Uploaded 3 days ago

Port setting:

4.png (28.52 KB, Downloads: 0) Download attachment

Uploaded 3 days ago

client UDP/TCP transparent transmission:

5.png (42.35 KB, download times: 0) Download attachment

Uploaded 3 days ago

server UDP/TCP settings:

You can directly set the module's hotspot in the web page, and you can also link to the router, etc.

Module program download link: WEB.bin (4 MB, Downloads: 31) 3 Uploaded days ago Click on the file name to download the attachment module program [/td][/tr] [/table] [/td][/tr] [tr][td] [/td][/tr] [/table]php?mod=attachment&aid=NjkxfDBkMjZkYWY5fDE1MzIwNzMxNjJ8MHw0NDU%3Dhumb=yes]Download attachment[/url]

Uploaded 3 days ago

2. Connect the computer or mobile phone to the module's AP hotspot linkWIFI name starting with ESP.

7.png (21.04 KB, Downloads: 0) Download attachment

Uploaded 3 days ago

Open the browser and enter 192.168.4.1

2.png (9.49 KB, Downloads: 1) Download attachment

Uploaded 3 days ago

Show account and password input: the account and password are unified as admin

The display interface is as follows:

3.png (42.1 KB, Downloads: 0) Download attachment

Uploaded 3 days ago

Port setting:

4.png (28.52 KB, Downloads: 0) Download attachment

Uploaded 3 days ago

client UDP/TCP transparent transmission:

5.png (42.35 KB, download times: 0) Download attachment

Uploaded 3 days ago

server UDP/TCP settings:

You can directly set the module's hotspot in the web page, and you can also link to the router, etc.

Module program download link: WEB.bin (4 MB, Downloads: 31) 3 Uploaded days ago Click on the file name to download the attachment module program [/td][/tr] [/table] [/td][/tr] [tr][td] [/td][/tr] [/table]php?mod=attachment&aid=Njk3fDMzY2M5ZDNjfDE1MzIwNzMxNjJ8MHw0NDU%3Dhumb=yes]Download attachment[/url]

Uploaded 3 days ago

Open the browser and enter 192.168.4.1

2.png (9.49 KB, Downloads: 1) Download attachment

Uploaded 3 days ago

Show to enter account password: The account password is unified as admin

The display interface is as follows:

3.png (42.1 KB, Downloads: 0) Download attachment

Uploaded 3 days ago

Port settings:

4.png (28.52 KB, Downloads: 0) Download attachment

Uploaded 3 days ago

client UDP/TCP transparent transmission:

5.png (42.35 KB, Downloads: 0) Download attachment

Uploaded 3 days ago

server UDP/TCP settings:

You can directly set the module's hotspot in the web page, and you can also connect to routers, etc.

Module program download link: WEB.bin (4 MB, Downloads: 31) 3 days ago Uploaded Click on the file name to download the attachment module program[/td][/tr] [/table] [/td][/tr] [tr][td] [/td][/tr] [/table]php?mod=attachment&aid=Njk3fDMzY2M5ZDNjfDE1MzIwNzMxNjJ8MHw0NDU%3Dhumb=yes]Download attachment[/url]

Uploaded 3 days ago

Open the browser and enter 192.168.4.1

2.png (9.49 KB, Downloads: 1) Download attachment

Uploaded 3 days ago

Show to enter account password: The account password is unified as admin

The display interface is as follows:

3.png (42.1 KB, Downloads: 0) Download attachment

Uploaded 3 days ago

Port settings:

4.png (28.52 KB, Downloads: 0) Download attachment

Uploaded 3 days ago

client UDP/TCP transparent transmission:

5.png (42.35 KB, Downloads: 0) Download attachment

Uploaded 3 days ago

server UDP/TCP settings:

You can directly set the module's hotspot in the web page, and you can also connect to routers, etc.

Module program download link: WEB.bin (4 MB, Downloads: 31) 3 days ago Uploaded Click on the file name to download the attachment module program[/td][/tr] [/table] [/td][/tr] [tr][td] [/td][/tr] [/table]am/data/attachment/forum/201807/17/214412qcbottkjugksptz1.png[/img] 4.png (28.52 KB, Downloads: 0) Download attachment

Uploaded 3 days ago

client UDP/TCP transparent transmission:

5.png (42.35 KB, download times: 0) Download attachment

Uploaded 3 days ago

server UDP/TCP settings:

You can directly set the module's hotspot in the web page, and you can also link to the router, etc.

Module program download link: WEB.bin (4 MB, Downloads: 31) 3 Uploaded days ago Click on the file name to download the attachment module program [/td][/tr] [/table] [/td][/tr] [tr][td] [/td][/tr] [/table]am/data/attachment/forum/201807/17/214412qcbottkjugksptz1.png[/img] 4.png (28.52 KB, Downloads: 0) Download attachment

Uploaded 3 days ago

client UDP/TCP transparent transmission:

5.png (42.35 KB, download times: 0) Download attachment

Uploaded 3 days ago

server UDP/TCP settings:

You can directly set the module's hotspot in the web page, and you can also link to the router, etc.

Module program download link: WEB.bin (4 MB, Downloads: 31) 3 Uploaded days ago Click on the file name to download the attachment module program [/td][/tr] [/table] [/td][/tr] [tr][td] [/td][/tr] [/table]