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

news/2024/12/27 1:54:19 标签: 物联网, 单片机, web
webkit-tap-highlight-color: rgba(0, 0, 0, 0);">

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


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

在这里插入图片描述


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

在这里插入图片描述


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

在这里插入图片描述


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

在这里插入图片描述
在这里插入图片描述

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

在这里插入图片描述


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



待续


http://www.niftyadmin.cn/n/4936970.html

相关文章

前端常用的上传下载文件的几种方式,直接上传、下载文件,读取.xlsx文件数据,导出.xlsx数据

一、通过调用接口下载文件 const onExport async () > {try {let res await axios.request({method: POST,url: 请求地址,responseType: blob,params: { data: null },headers: { Authorization: Bearer UserModule.token },//看看请求是否需要token});let reader new…

磁粉制动器离合器收放卷应用介绍

张力控制系统的开环闭环应用介绍,请查看下面文章链接: PLC张力控制(开环闭环算法分析)_张力控制plc程序实例_RXXW_Dor的博客-CSDN博客里工业控制张力控制无处不在,也衍生出很多张力控制专用控制器,磁粉制动器等,本篇博客主要讨论PLC的张力控制相关应用和算法,关于绕线…

Python jupyter lab 设置

在下载好jupyter lab 后,需要对其进行设置,尤其是远程服务器的时候,因为根本就是没有屏幕,也没有浏览器。 新建设置文件 jupyter lab --generate-config设置文件内部参数 vim ~/.jupyter/jupyter_lab_config.py进去一通改&#…

【Vue-Router】使用 prams 路由传参失效

报错信息: [Vue Router warn]: Discarded invalid param(s) “name”, “price”, “id” when navigating. list.json {"data": [{"name": "面","price":300,"id": 1},{"name": "水",&quo…

【力扣每日一题】2023.8.12 合并K个升序链表

目录 题目: 示例: 分析: 代码: 题目: 示例: 分析: 题目给我们一个链表数组,数组里的链表都是升序的,让我们合并这些链表,要求合并之后还是升序的。 最简…

Leetcode-每日一题【剑指 Offer 20. 表示数值的字符串】

题目 请实现一个函数用来判断字符串是否表示数值(包括整数和小数)。 数值(按顺序)可以分成以下几个部分: 若干空格一个 小数 或者 整数(可选)一个 e 或 E ,后面跟着一个 整数若干空…

线程间的通信(互斥)

互斥:解决程序中临界资源的竞争问题 函数接口说明: pthread_mutex_init:初始化互斥锁 pthread-mutex_lock:申请互斥锁(加锁) pthread_mutex_unlock:释放互斥锁(解锁)…

Nodejs 第十章(全局变量)

如何在nodejs定义全局变量呢? 在nodejs中使用global定义全局变量,定义的变量,可以在引入的文件中也可以访问到该变量,例如a.js global.xxx xxx require(xxx.js) xxx.js 也可以访问到该变量,在浏览器中我们定义的全局…