Arduino高级应用-通过WEB网页控制Arduino开发板上的IO引脚状态

在本教程中,让我们继续学习如何控制GPIO 引脚,不过这次进入高级阶段,我们将从一个可以访问的WEB网页中开关led灯。听起来是不很酷,Let’s go ,让我们开始吧!
项目概述
在本文中,我将向你展示如何控制GPIO引脚。在本教程中,我们从可以用一个网页中来控制led灯的开关,这个网页可以从任何连接互联网的设备访问。
但首先,让我们回顾一下一些基本术语:
Web服务器——软件、硬件或两者的组合,包含处理和传递Web页面所需的文件
Web客户端-可以向Web服务器发送HTTP/ Web请求的任何设备
本地服务器-只能在你的局域网内访问的网络服务器
全球服务器-一个网络服务器,可以通过互联网在任何地方进行访问
HTTP POST—将数据传输到服务器的web请求
HTTP GET—从web浏览器检索数据的web请求
端口转发-一种路由器设置,它将流量从一个广域网路端口导向你局域网内的一个特定设备

组件和供应

Arduino UNO和Genuino UNO开发板 1块
在这里插入图片描述

Espressif ESP8266 ESP-01模块 1块
在这里插入图片描述

实验面包板 1块
在这里插入图片描述

电阻器1 k欧姆 1只
在这里插入图片描述

电阻器10 k欧姆 1只
在这里插入图片描述

跳线(通用) 1包
在这里插入图片描述

LED灯 1只
在这里插入图片描述

2.21 k欧姆电阻 1只

在这里插入图片描述

app和在线服务

Arduino IDE
WEB浏览器
硬件连接

用跳线将各部件按下图所示连接:

在这里插入图片描述

和以前一样,我们将使用Arduino UNO来对ESP-01模块编程。为此,我们将通过将RESET 引脚连接到GND来禁用UNO的板载芯片。然后,在Arduino IDE中将通用ESP8266模块设置为您的板。
将GPIO0引脚连接到GND,将ESP-01模块设置为程序模式。同样,在上传前连接并断开ESP-01的复位引脚到GND。

故障排除技巧
千万不要忘记将Arduino RESET pin连接到GND。
确保上传速率为115200。
检查分压器电路的电压读数。它必须给你的RX引脚输出3.3V电压。
果你在上传程序到ESP-01时经常出错,把你的ESP8266板库降级到2.5.0版。
如果上传后程序没有运行,短暂连接然后再断开ESP-01复位引脚至GND。

代码解读

我们这次只需要esp8266wifi .h这个文件。这是包含在ESP8266板的库中,所以不需要安装它。

#include <ESP8266WiFi.h>
在这里输入您的家庭网络密码。
const char* ssid = “WiFi name”;
const char* password = “WiFi password”;
将webserver端口号设置为80。
WiFiServer server(80);
Setup()函数部分,将LED引脚设置为输出,并将其初始化为LOW。
有趣的是,ESP-01内置的LED连接到GPIO2上,但低电平有效。如果你将GPIO2引脚设置为低,连接到GPIO2的LED就会关闭,而内置的LED则会亮起。
Setup()函数中还初始化串口监视器。串口监视器用于显示诸如ESP-01的IP地址等信息。它还有助于识别错误。
最后,安装程序使用server.begin()启动web服务器。

void setup() 
{
   
  Serial.begin(115200);

  pinMode(ledPin, OUTPUT);
  digitalWrite(ledPin, LOW);
  
  Serial.print("Connecting to ");
  Serial.println(ssid);
  WiFi.begin(ssid, password);

  while (WiFi.status() != WL_CONNECTED) 
  {
   
    delay(100);
    Serial.print(".");
  
  • 3
    点赞
  • 34
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值