SBajonczak/captivePortalExample.ino

## captivePortalExample.ino
#include <DNSServer.h>
#include <WiFi.h>
#include <AsyncTCP.h>
#include "ESPAsyncWebServer.h"

DNSServer dnsServer;
AsyncWebServer server(80);

String user_name;
String proficiency;
bool name_received = false;
bool proficiency_received = false;

const char index_html[] PROGMEM = R"rawliteral(
<!DOCTYPE HTML><html><head>
  <title>Captive Portal Demo</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  </head><body>
  <h3>Captive Portal Demo</h3>
  <br><br>
  <form action="/get">
    <br>
    Name: <input type="text" name="name">
    <br>
    ESP32 Proficiency:
    <select name = "proficiency">
      <option value=Beginner>Beginner</option>
      <option value=Advanced>Advanced</option>
      <option value=Pro>Pro</option>
    </select>
    <input type="submit" value="Submit">
  </form>
</body></html>)rawliteral";

class CaptiveRequestHandler : public AsyncWebHandler {
public:
  CaptiveRequestHandler() {}
  virtual ~CaptiveRequestHandler() {}

  bool canHandle(AsyncWebServerRequest *request){
    //request->addInterestingHeader("ANY");
    return true;
  }

  void handleRequest(AsyncWebServerRequest *request) {
    request->send_P(200, "text/html", index_html);
  }
};

void setupServer(){
  server.on("/", HTTP_GET, [](AsyncWebServerRequest *request){
      request->send_P(200, "text/html", index_html);
      Serial.println("Client Connected");
  });

  server.on("/get", HTTP_GET, [] (AsyncWebServerRequest *request) {
      String inputMessage;
      String inputParam;

      if (request->hasParam("name")) {
        inputMessage = request->getParam("name")->value();
        inputParam = "name";
        user_name = inputMessage;
        Serial.println(inputMessage);
        name_received = true;
      }

      if (request->hasParam("proficiency")) {
        inputMessage = request->getParam("proficiency")->value();
        inputParam = "proficiency";
        proficiency = inputMessage;
        Serial.println(inputMessage);
        proficiency_received = true;
      }
      request->send(200, "text/html", "The values entered by you have been successfully sent to the device <br><a href=\"/\">Return to Home Page</a>");
  });
}


void setup(){
  //your other setup stuff...
  Serial.begin(115200);
  Serial.println();
  Serial.println("Setting up AP Mode");
  WiFi.mode(WIFI_AP);
  WiFi.softAP("esp-captive");
  Serial.print("AP IP address: ");Serial.println(WiFi.softAPIP());
  Serial.println("Setting up Async WebServer");
  setupServer();
  Serial.println("Starting DNS Server");
  dnsServer.start(53, "*", WiFi.softAPIP());
  server.addHandler(new CaptiveRequestHandler()).setFilter(ON_AP_FILTER);//only when requested from AP
  //more handlers...
  server.begin();
  Serial.println("All Done!");
}

void loop(){
  dnsServer.processNextRequest();
  if(name_received && proficiency_received){
      Serial.print("Hello ");Serial.println(user_name);
      Serial.print("You have stated your proficiency to be ");Serial.println(proficiency);
      name_received = false;
      proficiency_received = false;
      Serial.println("We'll wait for the next client now");
    }
}
	#include <DNSServer.h>
	#include <WiFi.h>
	#include <AsyncTCP.h>
	#include "ESPAsyncWebServer.h"

	DNSServer dnsServer;
	AsyncWebServer server(80);

	String user_name;
	String proficiency;
	bool name_received = false;
	bool proficiency_received = false;

	const char index_html[] PROGMEM = R"rawliteral(
	<!DOCTYPE HTML><html><head>
	<title>Captive Portal Demo</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	</head><body>
	<h3>Captive Portal Demo</h3>
	<br><br>
	<form action="/get">
	<br>
	Name: <input type="text" name="name">
	<br>
	ESP32 Proficiency:
	<select name = "proficiency">
	<option value=Beginner>Beginner</option>
	<option value=Advanced>Advanced</option>
	<option value=Pro>Pro</option>
	</select>
	<input type="submit" value="Submit">
	</form>
	</body></html>)rawliteral";

	class CaptiveRequestHandler : public AsyncWebHandler {
	public:
	CaptiveRequestHandler() {}
	virtual ~CaptiveRequestHandler() {}

	bool canHandle(AsyncWebServerRequest *request){
	//request->addInterestingHeader("ANY");
	return true;
	}

	void handleRequest(AsyncWebServerRequest *request) {
	request->send_P(200, "text/html", index_html);
	}
	};

	void setupServer(){
	server.on("/", HTTP_GET, [](AsyncWebServerRequest *request){
	request->send_P(200, "text/html", index_html);
	Serial.println("Client Connected");
	});

	server.on("/get", HTTP_GET, [] (AsyncWebServerRequest *request) {
	String inputMessage;
	String inputParam;

	if (request->hasParam("name")) {
	inputMessage = request->getParam("name")->value();
	inputParam = "name";
	user_name = inputMessage;
	Serial.println(inputMessage);
	name_received = true;
	}

	if (request->hasParam("proficiency")) {
	inputMessage = request->getParam("proficiency")->value();
	inputParam = "proficiency";
	proficiency = inputMessage;
	Serial.println(inputMessage);
	proficiency_received = true;
	}
	request->send(200, "text/html", "The values entered by you have been successfully sent to the device <br><a href=\"/\">Return to Home Page</a>");
	});
	}


	void setup(){
	//your other setup stuff...
	Serial.begin(115200);
	Serial.println();
	Serial.println("Setting up AP Mode");
	WiFi.mode(WIFI_AP);
	WiFi.softAP("esp-captive");
	Serial.print("AP IP address: ");Serial.println(WiFi.softAPIP());
	Serial.println("Setting up Async WebServer");
	setupServer();
	Serial.println("Starting DNS Server");
	dnsServer.start(53, "*", WiFi.softAPIP());
	server.addHandler(new CaptiveRequestHandler()).setFilter(ON_AP_FILTER);//only when requested from AP
	//more handlers...
	server.begin();
	Serial.println("All Done!");
	}

	void loop(){
	dnsServer.processNextRequest();
	if(name_received && proficiency_received){
	Serial.print("Hello ");Serial.println(user_name);
	Serial.print("You have stated your proficiency to be ");Serial.println(proficiency);
	name_received = false;
	proficiency_received = false;
	Serial.println("We'll wait for the next client now");
	}
	}