#include <ESP8266WiFi.h>

/*** 该工程可以在2.4.0版本esp8266库中运行,没在更高版本库中进行测试 ***/

const char *ssid = "HUAWEI-H3VBKZ";
const char *password = "13991320168"; WiFiServer server(80); String readString = ""; //建立一个字符串对象用来接收存放来自客户的数据 //响应头
String responseHeaders =
String("") +
"HTTP/1.1 200 OK\r\n" +
"Content-Type: text/html\r\n" +
"Connection: close\r\n" +
"\r\n"; //网页
String myhtmlPage=
String("") +
"<html>" +
"<head>" +
"<meta charset=\"utf-8\">"+
" <title>ESP8266 配置信息</title>" +
" <script defer=\"defer\">" +
" function ledSwitch() {" +
" var name = document.getElementById(\"wifiname\").value;"+
" var psw = document.getElementById(\"wifipwd\").value;"+
" var xmlhttp;" +
" if (window.XMLHttpRequest) {" +
" xmlhttp = new XMLHttpRequest();" +
" } else {" +
" xmlhttp = new ActiveXObject(\"Microsoft.XMLHTTP\");" +
" }" +
" xmlhttp.onreadystatechange = function () {" +
" if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {" +
" document.getElementById(\"txtState\").innerHTML = xmlhttp.responseText;" +
" }" +
" }," +
" xmlhttp.open(\"GET\", \"Switch\"+name+psw, true);" +
" xmlhttp.send(); " +
" }" +
" </script>" +
"</head>" +
"<body>" "<h3>连接WIFI:</h3>"+ "<form action=\"\"> "+
"WIFI账号: <input type=\"text\" id=\"wifiname\" />"+
"</form>"+ "<form action=\"\"> "+
"WIFI密码: <input type=\"text\" id=\"wifipwd\" />"+
"</form>"+ "<button type=\"button\" onclick=\"ledSwitch()\"> 连接 </button>"+ "<p>状态消息: <span id=\"txtState\"></span></p> "+ "</body>" +
"</html>"; bool isLedTurnOpen = false; // 记录LED状态 void setup()
{
pinMode(D4, OUTPUT);
digitalWrite(D4, HIGH); // 熄灭LED Serial.begin(115200);
Serial.println(); Serial.printf("Connecting to %s ", ssid);
WiFi.begin(ssid, password);
while (WiFi.status() != WL_CONNECTED)
{
delay(500);
Serial.print(".");
}
Serial.println(" connected"); server.begin();
Serial.printf("Web server started, open %s in a web browser\n", WiFi.localIP().toString().c_str());
} void loop()
{
WiFiClient client = server.available(); //尝试建立客户对象
if (client) //如果当前有客户可用
{
boolean currentLineIsBlank = true;
Serial.println("[Client connected]"); while (client.connected()) //如果客户端建立连接
{
if (client.available()) //等待有可读数据
{
char c = client.read(); //读取一字节数据
readString += c; //拼接数据
/************************************************/
if (c == '\n' && currentLineIsBlank) //等待请求头接收完成(接收到空行)
{
//比较接收到的请求数据
if (readString.startsWith("GET / HTTP/1.1")) //如果是网页请求
{
client.print(responseHeaders); //向客户端输出网页响应
client.print(myhtmlPage); //向客户端输出网页内容
client.print("\r\n");
}
else if (readString.startsWith("GET /Switch")) //如果是改变LED状态请求
{
if (isLedTurnOpen == false)
{
digitalWrite(D4, LOW); // 点亮LED
client.print("LED has been turn on");
isLedTurnOpen = true;
}
else
{
digitalWrite(D4, HIGH); // 熄灭LED
client.print("LED has been turn off");
isLedTurnOpen = false;
}
}
else
{
client.print("\r\n");
}
break;
} if (c == '\n')
{
currentLineIsBlank = true; //开始新行
}
else if (c != '\r')
{
currentLineIsBlank = false; //正在接收某行中
}
/************************************************/
}
}
delay(1); //等待客户完成接收
client.stop(); //结束当前连接:
Serial.println("[Client disconnected]"); Serial.println(readString); //打印输出来自客户的数据
readString = "";
}
}

  

最新文章

  1. pwd命令
  2. NodeJs 连接mysql一例。
  3. Linux 循环
  4. c++中级 STL基础学习(二)
  5. 关于Asp.Net Mvc3.0 使用KindEditor4.0 上传图片与文件
  6. VS 无法启动程序
  7. jav利用反射修改类的静态变量
  8. Windows server 2008 r2上安装MySQL
  9. 【one day one linux】grep工具
  10. HTTP 权威指南 详解 ( 一、概述 )
  11. calico
  12. day06_python_1124
  13. unity中手机触摸代码
  14. django本身提供了runserver,为什么不能用来部署(runserver与uWSGI的区别)
  15. java中的byte
  16. sql Server 查询方法的优化
  17. 解决neo4j @Transactional 与Spring data jpa @Transactional 冲突问题,@CreatedBy,@CreatedDate,@LastModifiedBy,@LastModifiedDate,以及解决@Version失效问题
  18. Java中&amp;、|、&amp;&amp;、||详解
  19. 为阿里云ECS服务器二级域名绑定tomcat子目录,实现一个IP多个二级域名
  20. 「DB」数据库事务的隔离级别

热门文章

  1. mapper接口方法参数
  2. 13 ,CSS 入门基础,行内排版内嵌式排版和外部排版样式
  3. vue-cli 3.x 开发插件并发布到 npm
  4. [总结]高效的jQuery代码编写技巧
  5. OSGI企业应用开发(十五)基于Spring、Mybatis、Spring MVC实现一个登录应用
  6. linux 安装 redsi
  7. RabbitMQ 环境搭建
  8. 「破解」Xposed强
  9. 三、Tableau筛选器的使用
  10. c/c++ 图的创建(二维数组法)