如何用 ESP8266 实现网页配置（web）

[kamiding]

准备工作

准备一个深圳四博智联科技有限公司的 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 口可以不接)。

   接线如下：






                                                                         图 1.1

测试

  在按照 1.1 接线完成后，请详细检查电路，确认没有问题请打开串口调试助手选择对应的 COM 口，配置模式为波特率：115200、数据位：8 校验位：none   停止位：1 流控：none

配置信息如下：

  确认没有问题请按一下 K1 按键 RST 复位键（ 300m 左右的低电平），打印信息如下：

显示 ready 证明启动正常。

常用工具下载连接： 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 ）请确定模组里面的程序是不是有问题。

烧录程序

打开 ESPFlashDownloadTool_v3.4.1,下载工具，选择对应的芯片型号

注意：图片上面的选择信息。

使用说明

一、打开串口调试助手给模组从新上电打印信息如下

注意串口的输出信息：

二、电脑或者手机连接模组的 AP 热点链接 ESP 开头的 WIFI 名称。

打开浏览器，输入 192.168.4.1

显示输入账号密码：账号密码统一为 admin

显示界面如下：

端口设置：

client UDP/TCP 透传：

server UDP/TCP 设置:

6.png (30.74 KB, 下载次数: 8)

下载附件

3 天前 上传

可以直接在网页里面设置模组的热点，同时也可以去链接路由器等

模组程序下载链接： WEB.bin (4 MB, 下载次数: 40)