文章目录前言一、模组选型二、官方web demo1.如何跑起来2.存储文件csv3.编译流程3.1 选择nor-flash3.2 配置账号密码3.3 进入 xxx/esp/restful_server/front/web-demo目录下3.4 进入 xxx/esp/restful_server 目录下3.5 连接热点访问网页3.6 代码讲解总结前言我使用的模组是ESP32-SOLO-2U我要实现的功能是设备具备物联网数据汇报和web服务还有串口控制台。一、模组选型其实这个对于新手而言确实有点难但是好歹官方有开发板70块钱内存也够用flash也够用。跑个web问题不大。我建议新手用这个产品有保障不要去淘宝上买什么20多块的那种ESP里面的坑太多。你是新手你搞不定。购买链接 https://www.espressif.com/zh-hans/company/contact/buy-a-sample二、官方web demo例程的路径esp-idf/examples/protocols/http_server/restful_server/1.如何跑起来首先你得去看看官方怎么跑helloworld的案例 。其次看看这个demo 的README你会有收获的。ESP32快速入门2.存储文件csv下面这些字段必须理解这关乎着你能不能跑起来这个web demo# Name, Type, SubType, Offset, Size, Flags# Note: if you have increased the bootloader size, make sure to update the offsets to avoid overlapnvs, data, nvs, 0x9000, 0x6000, phy_init, data, phy, 0xf000, 0x1000,# 存储你自己写的程序你要自己去规划分区的大小这就意味着你要知道你的flash有多大factory, app, factory, 0x10000, 1M,# 这里面放的是你的web代码www, data, spiffs, , 2M,3.编译流程3.1 选择nor-flash3.2 配置账号密码注意:可直接在工程目录下修改在上述改不成功的情况下3.3 进入 xxx/esp/restful_server/front/web-demo目录下执行npm install 和 npm run build 编译前端代码3.4 进入 xxx/esp/restful_server 目录下执行 idf.py build 编译、 idf.py flash烧写 、 idf.py monitor 监测3.5 连接热点访问网页注意: 确保你的电脑和你的设备在同一局域网下结果如下图所示3.6 代码讲解这块呢考验个人的功底我的建议是你先自己看你不懂直接贴在评论区。我看到就直接回复你。总结我用的是linux环境如果你做嵌入式开发我的建议还是用linux环境舒服尽管这个会劝退一批人。但是你坚持下来你就很牛。最后写的不是很好还请大家指教。