用8266学习单片机-10-手机连AP-wifi调LED颜色

效果

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

原理

由于贫、没有ws2812.。。只好拿红绿蓝三色凑个数吧,点哪个亮哪个,支持都亮、单亮、双亮

待改进之处

  1. pwm可变亮度
  2. ws2812可调色
  3. 连接wifi自动弹出控制页面

代码

/*
192.168.1.4
*/
#include <ESP8266WiFi.h>
#include <WiFiClient.h>
#include <ESP8266WebServer.h>

#ifndef APSSID
#define APSSID "ESPap"	//wifi名称,自可修改
#define APPSK  "123789"		//wifi密码,自可修改
#endif

const char *ssid = APSSID;
const char *password = APPSK;

int ledRed = D0;	//红灯引脚,自可修改
int ledGreen = D1;
int ledBlue = D2;

ESP8266WebServer server(80);

void handleRoot() {
    server.send(200, "text/html", "<br><br><br><form action=\"/ledred\" method=\"POST\" style='text-align: center;'><input type=\"submit\" value=\"RED LED\"></form><br><br><br><form action=\"/ledgreen\" method=\"POST\" style='text-align: center;'><input type=\"submit\" value=\"Green LED\"></form><br><br><br><form action=\"/ledblue\" method=\"POST\" style='text-align: center;'><input type=\"submit\" value=\"BLUE LED\"></form>");
}

void handleNotFound(){                                        
    server.sendHeader("Location","/");
    server.send(303);  
}
void handleLedRed(){
    digitalWrite(ledRed,!digitalRead(ledRed));  
    server.sendHeader("Location","/");
    server.send(303);
}

void handleLedGreen(){
    digitalWrite(ledGreen,!digitalRead(ledGreen));  
    server.sendHeader("Location","/");
    server.send(303);
}

void handleLedBlue(){
    digitalWrite(ledBlue,!digitalRead(ledBlue));  
    server.sendHeader("Location","/");
    server.send(303);
}

void setup() {
  pinMode(ledRed, OUTPUT);
  pinMode(ledGreen, OUTPUT);
  pinMode(ledBlue, OUTPUT);
  
  delay(1000);
  WiFi.softAP(ssid,password);
  IPAddress myIP = WiFi.softAPIP();
  server.on("/", handleRoot);
  server.onNotFound(handleNotFound);    
  server.on("/ledred", HTTP_POST,handleLedRed); 
  server.on("/ledgreen", HTTP_POST,handleLedGreen); 
  server.on("/ledblue", HTTP_POST,handleLedBlue); 
  server.begin();
 
}

void loop() {
  server.handleClient();
}

参考

  • https://blog.csdn.net/weixin_43031092/article/details/106794102
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值