ESP32 открывает "captive portal" при подключении

esp32 wifi softap

Я использую пример SimpleWiFiServer по умолчанию, который поставляется в качестве примера из ESP32:

#include <WiFi.h>
#include <WiFiClient.h>
#include <WiFiAP.h>

#define LED_BUILTIN 2   // Set the GPIO pin where you connected your test LED or comment this line out if your dev board has a built-in LED

// Set these to your desired credentials.
const char *ssid = "MyNetwork";
//const char *password = "YourPassword";

WiFiServer server(80);


void setup() {
  pinMode(LED_BUILTIN, OUTPUT);

  Serial.begin(115200);
  Serial.println();
  Serial.println("Configuring access point...");

  // You can remove the password parameter if you want the AP to be open.

  //tcpip_adapter_dns_info_t dns_info;
  //dns_info.ip.u_addr.ip4.addr = IPAddress(192,168,4,1);
  //tcpip_adapter_set_dns_info(TCPIP_ADAPTER_IF_AP, TCPIP_ADAPTER_DNS_MAIN, &dns_info);
    
  WiFi.softAP(ssid);
  IPAddress myIP = WiFi.softAPIP();
  Serial.print("AP IP address: ");
  Serial.println(myIP);
  server.begin();

  Serial.println("Server started");
}

void loop() {
  WiFiClient client = server.available();   // listen for incoming clients

  if (client) {                             // if you get a client,
    Serial.println("New Client.");           // print a message out the serial port
    String currentLine = "";                // make a String to hold incoming data from the client
    while (client.connected()) {            // loop while the client's connected
      if (client.available()) {             // if there's bytes to read from the client,
        char c = client.read();             // read a byte, then
        Serial.write(c);                    // print it out the serial monitor
        if (c == '\n') {                    // if the byte is a newline character

          // if the current line is blank, you got two newline characters in a row.
          // that's the end of the client HTTP request, so send a response:
          if (currentLine.length() == 0) {
            // HTTP headers always start with a response code (e.g. HTTP/1.1 200 OK)
            // and a content-type so the client knows what's coming, then a blank line:
            client.println("HTTP/1.1 200 OK");
            client.println("Content-type:text/html");
            client.println();

            // the content of the HTTP response follows the header:
            client.print("Click <a href=\"/H\">here</a> to turn ON the LED.<br>");
            client.print("Click <a href=\"/L\">here</a> to turn OFF the LED.<br>");

            // The HTTP response ends with another blank line:
            client.println();
            // break out of the while loop:
            break;
          } else {    // if you got a newline, then clear currentLine:
            currentLine = "";
          }
        } else if (c != '\r') {  // if you got anything else but a carriage return character,
          currentLine += c;      // add it to the end of the currentLine
        }

        // Check to see if the client request was "GET /H" or "GET /L":
        if (currentLine.endsWith("GET /H")) {
          digitalWrite(LED_BUILTIN, HIGH);               // GET /H turns the LED on
        }
        if (currentLine.endsWith("GET /L")) {
          digitalWrite(LED_BUILTIN, LOW);                // GET /L turns the LED off
        }
      }
    }
    // close the connection:
    client.stop();
    Serial.println("Client Disconnected.");
  }
}

Это инициализирует ESP32 в качестве точки доступа. На телефоне я могу видеть сеть MyNetwork. Если я подключусь к нему, а затем открою свой браузер и перейду на 192.168.4.1, я смогу увидеть страницу по умолчанию.

Как я могу изменить этот код, чтобы при подключении к этой сети он автоматически открывал мой браузер, переходя в http://192.168.4.1 ?

Исследуя в Интернете, я нашел эту библиотеку, которая делает это WifiManager . Эта библиотека поможет вам подключиться к существующей сети Wi-Fi. Я не хочу этого делать. Я хочу только, чтобы при подключении к сети моя страница по умолчанию открывалась точно так же, как при подключении к гостевым сетям в отелях и т. Д.

Другие люди в Интернете изменили WiFiAPP.cpp и добавил эти три строки кода:

tcpip_adapter_dns_info_t dns_info;
dns_info.ip.u_addr.ip4.addr = IPAddress(192,168,4,1);
tcpip_adapter_set_dns_info(TCPIP_ADAPTER_IF_AP, TCPIP_ADAPTER_DNS_MAIN, &dns_info);

Это только приводит к сбою моего esp32 и не работает.

Кто-нибудь придумал простой способ открыть всплывающее окно (закрытый портал), указывающее на http://192.168.4.1 после подключения к точке доступа ESP32?

Наконец, я нашел этот пример, но он использует esp8266.

, 👍5

Обсуждение

Как вы получаете такие вещи, как автоматическое открытие браузера при подключении Wi-Fi, зависит от вашей операционной системы. Это не то, о чем я когда-либо слышал. Обычно нужно настроить "закрытый портал", который перенаправляет все запросы на себя, поэтому вы открываете браузер и везде, где вы пытаетесь зайти, он отвечает страницей портала. В комплектной библиотеке DNSServer есть пример, который делает это., @Majenko

Извините, я хотел сказать, что английский "captive portal" - это не мой родной язык. @Majenko, @Tono Nam

@Majenko у меня телефон на Android v8 ... при подключении к точке доступа он автоматически переходит на страницу захваченного портала ... мой предыдущий телефон требовал ручного просмотра любой незашифрованной (http:) веб-страницы, @jsotola

@jsotola Обычно это то, что телефон делает сам по себе. Яблоки попробуйте открыть страницу http://captive.apple.com/hotspot-detect.html и если он вернет что-либо, кроме "Успеха", он откроет браузер для входа в систему., @Majenko

@Majenko♦ я понимаю, что телефон делает это сам по себе ... я неправильно понял ваш первый комментарий ... спасибо за полезную apple.com ссылка, @jsotola


2 ответа


Лучший ответ:

5

Благодаря @Majenko я смог найти то, что искал в Интернете, по этой ссылке. Когда я погуглил "плененный портал" вместо фраз, которые я использовал, я нашел гораздо больше примеров.

Этот код открывает "закрытый портал", как только я подключусь к точке доступа esp32.

#include <WiFi.h>
#include <DNSServer.h>

const byte DNS_PORT = 53;
IPAddress apIP(192, 168, 1, 1);
DNSServer dnsServer;
WiFiServer server(80);

String responseHTML = ""
  "<!DOCTYPE html><html><head><title>CaptivePortal</title></head><body>"
  "<h1>Hello World!</h1><p>This is a captive portal example. All requests will "
  "be redirected here.</p></body></html>";

void setup() { 
  WiFi.disconnect();   //added to start with the wifi off, avoid crashing
  WiFi.mode(WIFI_OFF); //added to start with the wifi off, avoid crashing
  WiFi.mode(WIFI_AP);
  WiFi.softAPConfig(apIP, apIP, IPAddress(255, 255, 255, 0));
  WiFi.softAP("DNSServer CaptivePortal example");

  // if DNSServer is started with "*" for domain name, it will reply with
  // provided IP to all DNS request
  dnsServer.start(DNS_PORT, "*", apIP);

  server.begin();
}

void loop() {
  dnsServer.processNextRequest();
  WiFiClient client = server.available();   // listen for incoming clients

  if (client) {
    String currentLine = "";
    while (client.connected()) {
      if (client.available()) {
        char c = client.read();
        if (c == '\n') {
          if (currentLine.length() == 0) {
            client.println("HTTP/1.1 200 OK");
            client.println("Content-type:text/html");
            client.println();
            client.print(responseHTML);
            break;
          } else {
            currentLine = "";
          }
        } else if (c != '\r') {
          currentLine += c;
        }
      }
    }
    client.stop();
  }
}
,

3

При предоставлении HTTP-сервера у вас обычно есть два варианта:

  1. Использование класса веб-сервера и набор обработчиков для корневых файлов. Анализ и обработка HTTP-заголовка выполняются библиотекой.
  2. Используйте WifiServer и получайте HTTP-сообщение с включенным заголовком и обработчиком самостоятельно.

Если вы выполняете номер 1 и притворяетесь, что используете, подключившись к устройству Android, я предлагаю добавить обработчик для случая ошибки, отображающей захваченный портал:

server.onNotFound(handleRoot);

Я заметил, что для Android 10 необходимо правильно обнаружить захваченный портал и заставить телефон показывать сообщение "Нажмите, чтобы войти в сеть". Если нет, вы должны перейти на любой HTTP-адрес и позволить DNS выполнить эту работу за вас (не HTTPS).

,