首页 › 四博智联 › 如何用ESP8266实现网页配置（web）

kami_ding 发表于 2018-7-20 16:28

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

http://bbs.doit.am/data/attachment/forum/201807/19/094828gkp7jx9goxz8jjgi.png
1234.png (306.87 KB, 下载次数: 0)
下载附件
昨天 09:48 上传





                                                                           图1.1测试
      在按照1.1接线完成后，请详细检查电路，确认没有问题请打开串口调试助手选择对应的COM口，配置模式为波特率：115200、数据位： 8 校验位：none   停止位：1 流控：none配置信息如下：
      确认没有问题请按一下K1按键RST复位键（300m左右的低电平），打印信息如下：显示 ready 证明启动正常。http://bbs.doit.am/data/attachment/forum/201807/19/094828i74a4xkr4a2nrke6.png 12312.png (12.79 KB, 下载次数: 0)
下载附件
昨天 09:48 上传




常用工具下载连接：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）请确定模组里面的程序是不是有问题。
http://bbs.doit.am/data/attachment/forum/201807/19/094900hpzosln44olwdth8.png 12345.png (258.13 KB, 下载次数: 0)
下载附件
昨天 09:49 上传


            



烧录程序打开ESPFlashDownloadTool_v3.4.1,下载工具，选择对应的芯片型号注意：图片上面的选择信息。
http://bbs.doit.am/data/attachment/forum/201807/17/214304cc2n8e25a5rjcjsd.png 0.png (68.06 KB, 下载次数: 0)
下载附件
3 天前 上传




使用说明
一、打开串口调试助手给模组从新上电打印信息如下注意串口的输出信息：
http://bbs.doit.am/data/attachment/forum/201807/17/214411r4gwwmgr0rtlhw8y.png 1.png (26.08 KB, 下载次数: 0)
下载附件
3 天前 上传




二、电脑或者手机连接模组的AP热点链接ESP开头的WIFI名称。
http://bbs.doit.am/data/attachment/forum/201807/17/214620fhienhl5rwa0xizi.png 7.png (21.04 KB, 下载次数: 0)
下载附件
3 天前 上传




打开浏览器，输入192.168.4.1
http://bbs.doit.am/data/attachment/forum/201807/17/214411x6s9ewfide6si95h.png 2.png (9.49 KB, 下载次数: 1)
下载附件
3 天前 上传




显示输入账号密码：账号密码统一为admin显示界面如下：
http://bbs.doit.am/data/attachment/forum/201807/17/214412bzk22h3y032czd2u.png 3.png (42.1 KB, 下载次数: 0)
下载附件
3 天前 上传




端口设置：http://bbs.doit.am/data/attachment/forum/201807/17/214412qcbottkjugksptz1.png 4.png (28.52 KB, 下载次数: 0)
下载附件
3 天前 上传




client UDP/TCP透传：http://bbs.doit.am/data/attachment/forum/201807/17/214413wnz555uibdzyd38v.png 5.png (42.35 KB, 下载次数: 0)
下载附件
3 天前 上传




server UDP/TCP设置:
http://bbs.doit.am/data/attachment/forum/201807/17/214413lqguuvbu4qcqvqrg.png

可以直接在网页里面设置模组的热点，同时也可以去链接路由器等模组程序下载链接： http://bbs.doit.am/static/image/filetype/unknown.gif WEB.bin (4 MB, 下载次数: 31)

show1620 发表于 2018-7-25 10:12

下个程序来试用下

lsz7269 发表于 2018-8-7 16:18

kankanxian

a1878098612 发表于 2018-10-1 13:53

下载试试看

BAKUMAN88 发表于 2018-11-5 22:00

不能下载版主

Howard_dai 发表于 2019-1-7 09:44

给一堆工具下载干什么？源代码的下载链接呢？

维他命C 发表于 2019-1-18 21:30

449641651265510950685065094

www7823 发表于 2019-3-9 17:46

#在这里快速回复#下个程序来试用下

www7823 发表于 2019-3-30 09:10

#在这里快速回复#WEB

www7823 发表于 2019-3-30 09:20

#在这里快速回复#下个程序来试用下

查看完整版本: 如何用ESP8266实现网页配置（web）