ESP8266(RTOS SDK)内嵌网页以实现WEB配网以及数据交互

【本文发布于https://blog.csdn.net/Stack_/article/details/131997098,未经允许不得转载,转载须注明出处】


1、执行make menuconfig,将http头由512改为更大的值,否则用电脑浏览器访问正常,但用手机浏览器访问会因为http请求头长度不足而失败。

ESP8266(RTOS SDK)内嵌网页以实现WEB配网以及数据交互_第1张图片


2、本工程的web页面放置于如下路径

ESP8266(RTOS SDK)内嵌网页以实现WEB配网以及数据交互_第2张图片


在本工程main目录下的component.mk文件添加WEB文件

ESP8266(RTOS SDK)内嵌网页以实现WEB配网以及数据交互_第3张图片


3、编译完成后,可在build目录下的map文件看到html之类的文件已经编译进去了,并记录了每个文件在flash中的起始位置和结束位置

ESP8266(RTOS SDK)内嵌网页以实现WEB配网以及数据交互_第4张图片
在这里插入图片描述

以下面的方式调用文件数据,文件多的时候工作量颇大,可通过宏的方式减少一些工作量。在浏览器发送请求时,我们只需将文件数据发送出去,即可在浏览器上看到网页

ESP8266(RTOS SDK)内嵌网页以实现WEB配网以及数据交互_第5张图片


4、在路径ESP8266_RTOS_SDK\examples\protocols\http_server\simple\main下找到http服务器的实例代码,按照demo的方式,将文件注册,收到get请求之后将对应文件发出去



待续

你可能感兴趣的:(笔记,MCU,物联网,单片机,web)