介绍
本篇利用NodMCU来做一个简易的web Server，并用web Server页面上的控件来控制LED灯。
#测试web server
首先还是来看一下例程吧。
这里使用的是
- 打开例程，然后把SSID和password换你的，貌似不能设置中文的wifi名字，所以我很机智的使用了手机的热点。
- 上传程序
上传成功后点开串口监视器，就会提示网页的ip地址
- 在浏览器上输入对应的地址192.168.43.122:80
例程成功了，
简易网页控制LED
<code>
＃include <ESP8266WiFi.h>
const char* ssid = "xiangzi";
const char* password = "luoluoluo";
int ledPin = 13; // GPIO13
WiFiServer server(80);
void setup() {
Serial.begin(115200);
delay(10);
pinMode(ledPin, OUTPUT);
digitalWrite(ledPin, LOW);
// Connect to WiFi network
Serial.println();
Serial.println();
Serial.print("Connecting to ");
Serial.println(ssid);
WiFi.begin(ssid, password);
while (WiFi.status() != WL_CONNECTED) {
delay(500);
Serial.print(".");
}
Serial.println("");
Serial.println("WiFi connected");
// Start the server
server.begin();
Serial.println("Server started");
// Print the IP address
Serial.print("Use this URL to connect: ");
Serial.print("http://");
Serial.print(WiFi.localIP());
Serial.println("/");
}
void loop() {
// Check if a client has connected
WiFiClient client = server.available();
if (!client) {
return;
}
// Wait until the client sends some data
Serial.println("new client");
while(!client.available()){
delay(1);
}
// Read the first line of the request
String request = client.readStringUntil('\r');
Serial.println(request);
client.flush();
// Match the request
int value = LOW;
if (request.indexOf("/LED=ON") != -1) {
digitalWrite(ledPin, HIGH);
value = HIGH;
}
if (request.indexOf("/LED=OFF") != -1) {
digitalWrite(ledPin, LOW);
value = LOW;
}
// Set ledPin according to the request
//digitalWrite(ledPin, value);
// Return the response
client.println("HTTP/1.1 200 OK");
client.println("Content-Type: text/html");
client.println(""); // do not forget this one
client.println("<!DOCTYPE HTML>");
client.println("<html>");
client.print("Led pin is now: ");
if(value == HIGH) {
client.print("On");
} else {
client.print("Off");
}
client.println("
");
client.println("Click <a href="/LED=ON">here</a> turn the LED on pin 2 ON
");
client.println("Click <a href="/LED=OFF">here</a> turn the LED on pin 2 OFF
");
client.println("</html>");
delay(1);
Serial.println("Client disonnected");
Serial.println("");
}
</code>
浏览器上输入IP地址，然后就可以显示界面
高级的例程
把数据传给网页并显示
