用ESP8266 wifi串口芯片做web网页的两种方案分享！

STM32

买了ESP8266 wifi串口芯片，只测试了下，放了1年多都没有动，最近没事想着拿出来玩玩。网上搜了下文档，有SKD，还有第三方固件支持，玩法很多。不过我买的是ESP-01，几乎没有可用IO端口，只能用官方AT固件当作WIFI串口配合STM32使用了。
简单的应用就是led控制，只能用来练手没太大意思。想了下觉得能做的也就两个东西:
1.wifi遥控车，之前做过蓝牙的,用手机遥控，略微改下就可以了，空旷地遥控距离应该能大幅提高，app也要改。
2.温湿度检测，有wifi就可以放阳台,用手机充电器长期供电，相当于室外监测了。考虑了2种方案；一，8266 UDP广播，需APP才能接收温湿度数据。二，8266 模拟网页，能联网的设备就能接收
APP做的少，想了想还是先做个网页的温湿度检测吧，之前做过ENC28J60的网页控制，主要还是TCP模拟HTTP协议，先用电脑做好页面，抽取出html代码，8266首先连接到路由器并固定IP，每10分钟读取下温湿度保存，有web请求时通过网页发送温湿度数据。做的差不多发现我的DHT11找不到了，以后再买吧，先做点别的。
陆续增加了些其他页面，共享出来为大家做web提供些思路，主要功能：
用户密码验证（整个网站有效）
RTC时钟显示，网页手动设置日期时间，http网络时钟同步功能
Led开关控制
Web图片显示功能，有摄像头就可以在网页中刷新显示拍摄到的照片了
401 404两个报错页面
用了ESP8266觉得还是很方便的，以前用28j60网络模块你要移植协议栈或者写精简协议，最终的应用还是TCP/UDP/HTTP等。8266只要用串口，代码简单粗暴易理解，加个几行代码就能新建一个网页。觉得用网络模块能做的用8266大部分也都能做到，何况还是无线，价格也够便宜。
请注意以下问题
仅为功能测试，网页做的很简陋，图片就写了jpg格式，其他格式可能要改下responseHeader，串口返回信息也都没检查。
网页有几种做法：1.简单网页参考http_led，有参数变化的参考http_rtc，很长的HTML网页可用工具转到数组再引用参考http_main
为方便都用了GET方式，设置日期时间后就不要再刷新了(刷新会再次设置时间)，如改成POST就没问题
做webserver，8266要设成TCPserver 多连接模式，可以最多5个client，我偷懒都只用了0号连接，如果有多用户同时使用需求的请修改
建议8266设为station，连接到你的无线路由器，这样局域网内的所有设备就都能连接了（最好在路由器中将8266设为固定ip）。如果有外网并开启端口映射，那internet上也都能访问了。

Esp8266web.rar (395.28 KB )

刘玉兰 · 2019-7-25 05:58:03

学习一下，太好了，很厉害。
补充一下，楼主太牛了。

孙勳努 · 2019-7-25 06:12:55

楼主高人。

张恒 · 2019-7-25 06:27:21

mark 正好想做一个wifi的东西

王红 · 2019-7-25 06:42:13

请教下楼主：账户和密码是多少在哪里可以修改。谢谢！

张林 · 2019-7-25 06:49:30

账号密码在源码中有注释的，base64编码直接改就可以了

刘建军 · 2019-7-25 07:02:59

666，谢谢楼主，可否简单做个教程贴啊

郭舒静 · 2019-7-25 07:16:46

楼主，我仿照你的程序在阿波罗板上写了程序，但是网页中输入 192.168.4.1 ，却连接不上，pc端无线网卡地址改成了192.168.4.10 ，帮我看看是哪里出问题了啊。
p=mymalloc(SRAMIN,32); //申请32字节内存

  atk_8266_send_cmd("AT+CIPSERVER=0","OK",20); //
  atk_8266_send_cmd("AT+CIPMUX=1","OK",20); //0：单连接，1：多连接
  sprintf((char*)p,"AT+CIPSERVER=1,%s",(u8*)portnum);
  atk_8266_send_cmd(p,"OK",20);    //开启Server模式，端口号为80

//atk_8266_at_response(1);

  atk_8266_send_cmd("AT+CWMODE=2","OK",20);  // softAP 模式
// atk_8266_send_cmd("AT+RST","OK",20);    // 重启模块
// delay_ms(1000);//延时2s等待模块重启
// delay_ms(1000);//
// delay_ms(1000);
// delay_ms(1000);
  atk_8266_send_cmd("AT+CIPMODE=1","OK",100);    //传输模式为：透传
sprintf((char*)p,"AT+CWSAP="%s","%s",1,4",wifiap_ssid,wifiap_password); //配置模块AP模式无线参数
  printf("%srn",p);
atk_8266_send_cmd(p,"OK",1000);

  //atk_8266_send_cmd("AT+CIPMODE=1","OK",100);    //传输模式为：透传
  atk_8266_get_wanip(ipbuf);//服务器模式,获取WAN IP
sprintf((char*)p,"IP地址:%s 端口:%s",ipbuf,(u8*)portnum);
  printf("%srn",p);

  USART3_RX_STA=0;
myfree(SRAMIN,p); //释放内存

  while (1)
{
delay_ms(10);
if(USART3_RX_STA)
{ printf("rxrn");

c=strstr((char*) USART3_RX_BUF,"GET /");
后面就是楼主的程序一样了。