#include <ESP8266WiFi.h>
#include <ESP8266WebServer.h>
#define STATUS_FORWORD 1
#define STATUS_BACK 2
#define STATUS_LEFT 3
#define STATUS_RIGHT 4
#define STATUS_STOP 5
const char *ssid = "phoenix"; // WIFI名
const char *password = "12345678"; // パスワード
IPAddress local_ip(192,168,1,1);
IPAddress gateway(192,168,1,1);
IPAddress subnet(255,255,255,0);
ESP8266WebServer server(8090);
int status = 0;
void setup() {
Serial.begin(115200);
WiFi.softAP(ssid, password); // APモード
WiFi.softAPConfig(local_ip, gateway, subnet);
Serial.print("Access Point: ");
Serial.println(ssid);
Serial.print("IP address: ");
Serial.println(WiFi.softAPIP());
delay(100);
server.on("/", handle_OnConnect);
server.on("/forword", handle_forword);
server.on("/back", handle_back);
server.on("/left", handle_left);
server.on("/right", handle_right);
server.on("/stop", handle_stop);
server.begin();
Serial.println("HTTP server started");
}
void loop() {
server.handleClient();
op();
delay(100);
}
void op() {
switch (status) {
case STATUS_FORWORD:
Serial.println("forword");
break;
case STATUS_BACK:
Serial.println("back");
break;
case STATUS_LEFT:
Serial.println("left");
break;
case STATUS_RIGHT:
Serial.println("right");
break;
case STATUS_STOP:
Serial.println("stop");
break;
deault:
break;
}
}
void handle_OnConnect() {
server.send(200, "text/html", SendHTML());
}
void handle_forword() {
status = STATUS_FORWORD;
handle_OnConnect();
}
void handle_back() {
status = STATUS_BACK;
handle_OnConnect();
}
void handle_left() {
status = STATUS_LEFT;
handle_OnConnect();
}
void handle_right() {
status = STATUS_RIGHT;
handle_OnConnect();
}
void handle_stop() {
status = STATUS_STOP;
handle_OnConnect();
}
String SendHTML() {
String ptr = "<!DOCTYPE html> <html>\n";
ptr += "<head><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, user-scalable=no\">\n";
ptr +="<title>Robot Car Controller</title>\n";
ptr +="<style>html { font-family: Helvetica; display: inline-block; margin: 0px auto; text-align: center;}\n";
ptr +="body{margin-top: 50px;} h1 {color: #444444;margin: 50px auto 30px;} h3 {color: #444444;margin-bottom: 50px;}\n";
ptr +=".button {display: block;width: 120px;background-color: #1abc9c;border: none;color: white;padding: 13px 30px;text-decoration: none;font-size: 25px;margin: 0px auto 35px;cursor: pointer;border-radius: 4px;}\n";
ptr +=".button-on {background-color: #1abc9c;}\n";
ptr +=".button-on:active {background-color: #16a085;}\n";
ptr +=".button-off {background-color: #34495e;}\n";
ptr +=".button-off:active {background-color: #2c3e50;}\n";
ptr +="p {font-size: 14px;color: #888;margin-bottom: 10px;}\n";
ptr +="</style>\n";
ptr +="</head>\n";
ptr +="<body>\n";
ptr +="<a class=\"button button-on\" href=\"/forword\">FORWORD</a>\n";
ptr +="<a class=\"button button-on\" href=\"/back\">BACK</a>\n";
ptr +="<a class=\"button button-on\" href=\"/left\">LEFT</a>\n";
ptr +="<a class=\"button button-on\" href=\"/right\">RIGHT</a>\n";
ptr +="<a class=\"button button-on\" href=\"/stop\">STOP</a>\n";
ptr +="</body>\n";
ptr +="</html>\n";
return ptr;
}