Arduino ESP8266/32 自定义IO组网页状态显示与控制

已于 2022-09-12 10:21:55 修改
阅读量1.1k 收藏 7
点赞数 2
分类专栏： Arduino应用笔记 ESP8266开发应用笔记 文章标签： 网页控制 esp32/8266
于 2022-09-12 00:33:09 首次发布
本文为Perseverance52博主原创文章，未经博主允许，不得转载！
本文链接：https://blog.csdn.net/weixin_42880082/article/details/126811492
版权
Arduino应用笔记 同时被 2 个专栏收录
438 篇文章 1568 订阅 ¥19.90 ¥99.00
订阅专栏
ESP8266开发应用笔记
253 篇文章 507 订阅 ¥19.90 ¥99.00
订阅专栏

Arduino ESP8266/32 自定义IO组网页状态显示与控制

🧾演示版功能说明

演示版只是将基本功能实现，还需要进一步完善才行。本案例实现了，通过网页界面访问ESP8266/32设备，可以查询自定义GPIO引脚的状态值，并以表格的形式展示在页面内容中，通过网页中的下拉菜单选择对应的引脚，来进一步控制指定引脚的状态值。目前只完成了对GPIO2板载灯的控制，还需要完善的是，将串口查询到的引脚进行转换来控制对应的IO口的状态。 (已更新实现)

🎯基本技术架构和改进方向

本例仅使用了核心固件自带的WiFiServer

了解本专栏 订阅专栏 解锁全文
perseverance52
关注
  • 2
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
订阅专栏
Arduino esp8266/esp32 自定义IO组异步网页控制管理
perseverance51博客
09-13 853
Arduino esp8266/esp32 自定义IO组异步网页控制管理
ESP8266 Web Server实现基本的按键控制IO引脚
perseverance51博客
10-15 1053
ESP8266 Web Server实现基本的按键控制IO引脚 本教程是一个循序渐进的指南，展示了如何构建一个独立的ESP8266 Web Server来控制两个输出(两个led)。这个ESP8266 NodeMCU Web服务器是移动响应的，它可以在您的本地网络中的任何带有浏览器的设备上访问。 电路搭建和引脚定义说明 将两个LED连接到ESP8266上，一个LED连接到GPIO 4 (D2)，另一个连接到GPIO 5 (D1)。如图所示： 实例代码 #include <ESP8266W
ESP8266源代码实现
weixin_53891086的博客
02-27 570
ESP8266.h文件。ESP8266.c文件。
Arduino ESP32 Web网页控制RGB灯
热门推荐
perseverance51博客
11-01 1万+
Arduino ESP32 Web网页控制彩色LED ESP32 LED PWM控制器具有16个独立通道，可配置为生成具有不同属性的PWM信号。 我们可以使用ESP32的LED PWM控制器和零知开发工具对LED进行调光。 连线： 1、红色引脚连接到ESP32的GPIO25 2、绿色引脚连接到ESP32的GPIO26 3、蓝色引脚连接到ESP32的GPIO27 实例代码 // the number of the LED pin const int ledPin = 16; //
ESP32-Arduino-WEB服务库+例子.zip
01-22
ESP32-Arduino-SoftwareSerial虚拟串口库 ESP32-VirtualSerial.ino 虚拟串口例子 ESPAsyncWebServer-master HTTP网络服务器支持库 AsyncTCP-master-arduino异步TCP库ESP32 TCP异步库，HTTP服务库需要 http-led.ino HTTP网页控灯例子，要改wifi名和密码，这是接入现有wifi例子，可以改为做路由接入点，只需要修改初始化wifi部分，web代码部分不变 zip库加载方法： IDE菜单---项目--加载库--添加ZIP库
[esp8266]网页控制GPIO
yyyyyyyyyywwwwwwwwww的专栏
10-25 837
网页控制GPIO是小黑固件最基础的一个应用，可以通过手机或者电脑的浏览器控制GPIO的状态（有电ON或者没电OFF）。 通过控制GPIO，就做了一个无线开关；可以控制LED灯，控制继电器，从而控制各种设备的开关，非常适合DIY。 如果你还不清除小黑是什么，以及它如何使用，看这里： [ESP8266]小黑固件是什么 [ESP8266]小黑固件详情 快来试试 在系统固件中选择APP>网页控制GPIO>远程更新APP。 大概30秒更新完成（更新时间根据网络情况可能不同）...
ESP8266 C/C++应用(五)----NodeMCU通过网络服务控制LED
我房间
03-13 437
利用NodeMCU建立网络服务，通过浏览器访问NodeMCU所建立的网页，实现对NodeMCU的控制。 #include <ESP8266WiFi.h> #include <ESP8266WiFiMulti.h> #include <ESP8266WebServer.h> ESP8266WiFiMulti wifiMulti; ...
Arduino ESP8266/ESP32常见开发技巧，解决小白疑惑点
01-20
Arduino ESP8266/ESP32常见开发技巧，解决小白疑惑点1.前言2. 纯原生开发3.网络开发4.图解常用开发模型4.1 局域网开发4.1.1 AP模式 + WebSocket4.1.2 STA模式 + WebSocket4.1.3 STA模式 + WebServer4.2 云开发4.2.1 ...
Arduino esp32/esp8266 内网穿透fre-v1.0.3.zip
11-08
//设定参数信息，第一个参数是wifi名称，第二个参数是wifi密码，第三个参数是服务器地址，第四个参数是服务器端口，都五个参数是自定义域名密码，第六个参数是域名（多个域名以英文逗号分割） on(String,void);//...
Arduino中esp32和esp8266离线芯片安装包
05-10
还在为Arduino中连接不上外网下载不到芯片而担心吗，这里一件简单安装；通常如果没有安装芯片包会在编译的时候报错；这是因为芯片选择错误 里面总共2个离线安装包，选择需要的进行安装 下载之后安装教程 1.选择需要...
WifiEspNow:ESP8266 和 ESP32 的 ESP-NOW Arduino 库
05-29
ESP8266 和 ESP32 的 ESP-NOW Arduino 库 WifiEspNow是 ESP-NOW 的 Arduino 库，ESP-NOW 是乐鑫定义的无连接 WiFi 通信协议。 有关 ESP-NOW 的工作原理及其限制的更多信息，请参阅。 特征 是 ESP-IDF 中 ESP-NOW ...
Arduino IDE 1.8.19安装包和ESP8266 2.6.3、ESP32 1.0.6、ESP32 2.0.9离线安装包
09-02
Arduino IDE 1.8.19安装包和ESP8266 2.6.3、ESP32 1.0.6、ESP32 2.0.9【离线安装包】 打开ArduinoIDE的文件菜单-首选项里面，附加开发板管理网址 http://arduino.esp8266.com/stable/package_esp8266com_index.json ...
构建ESP8266网页控制
跨学科知识视角展现
04-12 1254
本教程是一个循序渐进的指南，显示了如何构建一个独立的ESP8266 Web服务器来控制两个输出（两个LED）。 该ESP8266 NodeMCU Web Server具有移动响应能力，可以用您本地网络中的浏览器通过任何设备进行访问。 第1部分：使用ARDUINO IDE创建Web服务器（视频） 截图 准备Arduino IDE 源代码 上传Sketch 将sketch上传到ESP-12E 将ske...
arduino 串口指令控制IO口 A B R
qqliuzhitong的博客
04-29 773
arduino代码通过串口指令来控制13号IO口输出高电平，或者高低电平循环。 具体用法和指令可以看注释： /* *Date: 2020/5/11 * Usage: * A 1 // set ON 1 second * R 0.5 // cycling test, relay turns 1 second ON, 0.5 second OFF. */ int ledPin = LED_BUILTIN;// the number of the LED pin 13# bool pinSet =
Arduio ESP8266将DHT11温湿度传感器数据显示在网页上
perseverance51博客
12-09 2657
Arduio ESP8266将DHT11温湿度传感器数据显示在网页上 所需库：SimpleDHT DHT11传感器 ESP8266 nodemcu 接线说明 DHT11 ----ESP8266 Data-----D7(gpio13) 示例代码 #include <ESP8266WiFi.h> #include <SimpleDHT.h>//点击这里会自动打开管理库页面: http://librarymanager/All#SimpleDHT int pinDHT1
网页控制esp8266的8个GPIO引脚状态翻转
perseverance51博客
03-18 515
网页独控制esp8266的8个GPIO引脚状态翻转 本文采用基于SPIFFS文件系统。 主代码： #include <ESP8266WiFi.h> // 本程序使用ESP8266WiFi库 #include <ESP8266WiFiMulti.h> // 本程序使用ESP8266WiFiMulti库 #include <ESP8266WebServer.h> // 本程序使用ESP8266WebServer库 #include <FS.h>
基于arduino 用ESP8266获取DHT11温湿度数据显示在网页上
weixin_44301884的博客
11-27 1万+
基于arduino 用ESP8266获取DHT11温湿度数据显示在网页上 原理： ESP8266获取DHT11温湿度数据发送到路由器局域网内，局域网内的手机电脑，访问esp的ip地址，获取实时的温湿度数据，每个5秒刷新一次。 网页显示内容： 代码见最后，将代码拷贝到arduino中，打开串口监视器，编译上传。 串口监视器机会如图二显示局域网的ip 地址。 局域网内的手机电脑访问ip地址，如图一所...
IO控制
猫宁的博客
12-21 566
显示器的指标 显存：一个页面的容量，分辨率*灰度级 显存带宽： 分辨率 * 灰度级 * 刷新频率 磁盘 磁盘操作的时间 ： 寻道时间，找到磁道；延迟时间，找到块号的时间；传输时间：从磁头臂传输数据的时间 磁盘调度算法主要影响寻道时间 RIAD RIAD0 ：采用类似低位交叉存储技术，没有容错能力 RIAD1：很粗暴，直接存两份数据 RIAD2：采用海明校验码，可以有纠错能力 I/O接口 CPU和外部接口 数据线，控制线，地址线 地址线是单向的 I/O端口是连接的寄存器等设备，可以采用独立编址和统一编址的方式
毕业设计+编程项目实战+报名管理信息系统-基于ASP.NET技术(含完整源代码+开题报告+设计文档)
最新发布
06-02
一．系统运行必备环境： 1．软件环境：windows XP、Access 2003及以上版本、Excel 2003及其以上版本和.net FrameWork。 2．硬件环境：CPU要求PIII800及其以上，内存64M以上。 3．用户名:mere 密码:mere（未删除本记录条件下有效） 二．培训管理信息系统需要完成功能主要有： 1．系统管理 包括登陆、退出功能。 2．学生管理 包括报名、调班、延班、插班、退费等功能。 (1)报名：学生填写入学培训协议，录入人员依照协议将学生信息记入报名表和班级学生名册。 (2)调班：按照报名日期找出学生报名信息核对身份，在原来所报班级名册删除学生名字，在调班班级名册添加学生名字。 (3)延班：基本同上，按照报名日期找出学生报名信息核对身份，在原来所报班级名册删除学生名字，将该学生记入延班学生名册，以便调入新班级。 (4)插班：为了照顾关系单位的学生，特设置了插班的功能，可以根据需要设定学生学号。 (5)退费：根据培训机构实际情况有退费的实际需求，设置了全部退费和部分退费功能。 ①全部退费 按照报名日期找出学生报名信息核对身份，并依照协议判断用户是
arduino esp8266开发板下载
11-15
你可以通过以下两种方法下载Arduino ESP8266开发板： 1. 在Arduino IDE中添加ESP8266开发板支持： - 打开Arduino IDE，进入“文件”->“首选项”，在“附加开发板管理器网址”中添加以下链接：http://arduino.esp8266.com/stable/package_esp8266com_index.json - 进入“工具”->“开发板”->“开发板管理器”，搜索“ESP8266”，选择最新版本并安装。 - 重启Arduino IDE，选择ESP8266开发板即可开始开发。 2. 使用Git从远程仓库中安装： - 打开Git Bash或其他终端，输入以下命令：git clone https://github.com/esp8266/Arduino.git esp8266 - 进入“文件”->“首选项”，在“附加开发板管理器网址”中添加以下链接：file:///path/to/esp8266/package_esp8266com_index.json（将“/path/to/”替换为你的本地路径） - 进入“工具”->“开发板”->“开发板管理器”，搜索“ESP8266”，选择最新版本并安装。 - 重启Arduino IDE，选择ESP8266开发板即可开始开发。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值