最近在使用 WeMos D1 mini 制作一個局域網(wǎng)開機(jī)模塊椭豫，需要將 WiFi 信息設(shè)置為可配置，網(wǎng)上搜索良久都未發(fā)現(xiàn)滿意的解決方案，最終在一個臺灣上人的博客上蛉幸，發(fā)現(xiàn)了一個相對比較友好的程序，博客原鏈接如下http://nhs-tw.blogspot.com/2015/11/step-by-step-esp8266-12-with-arduino_27.html丛晦，我將它整理了一下奕纫，并修改添加了部分注釋。
代碼

//聲明
#include <ESP8266WiFi.h>
#include <ESP8266WebServer.h>
#include <EEPROM.h>
#include <ESP8266mDNS.h>

int EPPROM_Address = 512;

// WiFi烫沙，可以寫入在這里預(yù)先輸入自己最常用的 WiFi 信息匹层，也可以設(shè)置為空字符串
String WiFi_SSID = "";
String WiFi_Password = "";

//Ap 設(shè)置熱點(diǎn)信息
const char* AP_Host = "esp8266";
const char* AP_SSID = "Esp8266AP";
const char* AP_Password = "12345678";

// web
String webContent;
int webStatusCode;
String wifiScanContent;

ESP8266WebServer WebServer(80);

void DebugMessage(String str)
{
  Serial.println(str);
}

void setup() {
  Serial.begin(115200);
  DebugMessage("The program startup...");

  EEPROM.begin(EPPROM_Address);
  readWiFiInfoFromEEPROM();

  bool connectStatus = tryToConnectToWiFi();
  if (connectStatus)
  {
    DebugMessage("WiFi connected, IP address: " + WiFi.localIP());
    createConnectedWeb();
  }
  else
  {
    DebugMessage("Connect timed out, ESP8266 change to AP mode");
    ScanNetwork();
    SetupToAPMode();
    connectStatus = tryToConnectToWiFi();
  }

  WebServer.begin();
  delay(100);
}


void loop() {
  WebServer.handleClient();
}


/********* 從存儲器中讀取 WiFi 信息 ***************/
void readWiFiInfoFromEEPROM()
{
  //--- 從 EEPROM 中讀取 WiFi 的 SSID 和密碼
  DebugMessage("--- Reading EEPROM SSID & PASSWORD");

  //--- 讀取 wifi ssid
  WiFi_SSID = "";
  for (int i = 0; i < 32; ++i)
  {
    WiFi_SSID += char(EEPROM.read(i));
  }
  delay(100);

  //--- 讀取 wifi 密碼
  WiFi_Password = "";
  for (int i = 32; i < 96; ++i)
  {
    WiFi_Password += char(EEPROM.read(i));
  }
  delay(100);

  //--- 打印 EEPROM 中存儲的 WiFi 信息
  DebugMessage("SSID NAME : " + WiFi_SSID);
  DebugMessage("PASSWORD NAME : " + WiFi_Password);
  DebugMessage("essid.length = " + WiFi_SSID.length());
}

/********* 嘗試連接 WiFi ***************/
bool tryToConnectToWiFi()
{
  DebugMessage("--- try to connect to ssid: " + WiFi_SSID + " with password: " + WiFi_Password);

  WiFi.mode(WIFI_STA);
  WiFi.begin(WiFi_SSID.c_str(), WiFi_Password.c_str());
  delay(100);

  // WiFi 連接需要時間，因此這里相當(dāng)于持續(xù)檢測 10 秒
  int times = 0;
  while ( times < 10 ) {
    if (WiFi.status() == WL_CONNECTED) {
      return true;
    }
    delay(1000);
    times++;
  }
  return false;
}

/********* 設(shè)置為 AP 模式 ***************/
void SetupToAPMode() {
  DebugMessage("--- Setup Ap Model");

  WiFi.mode(WIFI_AP);
  WiFi.softAP(AP_SSID, AP_Password, 6, 0);
  createApModeWeb();

  //貌似 dns 不生效
  if (MDNS.begin(AP_Host))
  {
    MDNS.addService("http", "tcp", 80);
    DebugMessage("MDNS responder started");
    DebugMessage("You can now connect to http://" + String(AP_Host) + ".local");
  }
}

/********* 創(chuàng)建 AP 模式網(wǎng)頁 ***************/
void createApModeWeb()
{
  //加載網(wǎng)頁
  WebServer.on("/", []() {
    IPAddress ip = WiFi.softAPIP();
    webContent = "<!DOCTYPE HTML>";
    webContent += "<html>";
    webContent += "<title>WiFi 信息設(shè)置</title>";
    webContent += "<meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\">";
    webContent +=  "<p>請輸入 WiFi 信息</p>";
    webContent += wifiScanContent;
    //&nbsp;代表插入一個空格, 重復(fù)5個就是插入5個空格
    webContent += "<br>";
    webContent += "<form method='get' action='setting'>";
    webContent += "<table border=\"0\"><tr><td><label>SSID</label></td><td><input type=\"text\" placeholder=\"請輸入你要連接的 SSID\" name='ssid' maxlength=32 size=64></td></tr>";
    webContent += "<tr><td><label>PASSWORD</label></td><td><input type=\"text\" placeholder=\"請輸入該 WiFi 密碼\" name='pass' maxlength=64 size=64></td></tr></table>";
    //    webContent += "<input type=\"button\" value=\"重新掃描網(wǎng)絡(luò)\" onclick=\"self.location.href='/rescannetwork'\">";
    webContent += "&nbsp;&nbsp;&nbsp;<input type='reset' value=\"重設(shè)\">&nbsp;&nbsp;&nbsp;<input type='submit' value=\"存儲\"></form></html>";
    WebServer.send(200, "text/html", webContent);  //200代表服務(wù)器狀態(tài)碼為 OK, text/html代表用html網(wǎng)頁類型, 不加這個會找不到網(wǎng)頁
  });

  WebServer.on("/setting", []() {
    WiFi_SSID = WebServer.arg("ssid");
    WiFi_Password = WebServer.arg("pass");
    if (WiFi_SSID.length() > 0 && WiFi_Password.length() > 0)
    {
      if (WiFi_SSID.length() <= 32 && WiFi_Password.length() <= 64)
      {
        DebugMessage("clearing eeprom");
        for (int i = 0; i < 96; ++i) {
          EEPROM.write(i, 0);
        }
        DebugMessage("SSID To Write: " + WiFi_SSID + " Password To Write: " + WiFi_Password);

        for (int i = 0; i < WiFi_SSID.length(); ++i)
        {
          EEPROM.write(i, WiFi_SSID[i]);
        }

        for (int i = 0; i < WiFi_Password.length(); ++i)
        {
          EEPROM.write(32 + i, WiFi_Password[i]);
        }
        EEPROM.commit(); //EEPROM.write 并不會馬上寫入 EEPROM, 而是要執(zhí)行 EEPROM.commit()才會實(shí)際的寫入EEPROM
        delay(50);

        webContent = "存儲成功, 請按 RESET 鍵重新開機(jī)!";
        webStatusCode = 200;
      }
      else {
        webContent = "<p>輸入錯誤!!! SSID 允許的最大長度為 32，PASSWORD 允許的最大長度為 64, 按上一頁重新輸入</p>";
        webContent += "<input type=\"button\" value=\"上一頁\" onclick=\"self.location.href='/'\"></html>";
        webStatusCode = 404;
        DebugMessage("SSID length OR Password length too long");
      }
    }
    else {
      webContent = "<p>輸入錯誤!!! SSID 和 PASSWORD 都不允許為空, 按上一頁重新輸入</p>";
      webContent += "<input type=\"button\" value=\"上一頁\" onclick=\"self.location.href='/'\"></html>";
      webStatusCode = 404;
      DebugMessage("SSID length Password length is empty");
    }
    WebServer.send(webStatusCode, "text/html", webContent);
  });
}

/********* 掃描無線網(wǎng)絡(luò) ***************/
void ScanNetwork() {
  DebugMessage("---  Scan WiFi");

  WiFi.disconnect();
  WiFi.mode(WIFI_STA);
  delay(100);
  int wifiCount = WiFi.scanNetworks();

  if (wifiCount == 0)
    DebugMessage("Scan Network Done...and No Any Networks Found!");
  else
  {
    DebugMessage("Scan Network Done...and " + String(wifiCount) + " Networks Found!");
    for (int i = 0; i < wifiCount; ++i)
    {
      // Print SSID and RSSI for each network found
      DebugMessage(String(i + 1) + ": " + WiFi.SSID(i) + " (" + WiFi.RSSI(i) + ") Encryption Type:" + getEncryptionTypeString(WiFi.encryptionType(i))) ;
      delay(100);
    }
  }

  // 將 WiFi 信息構(gòu)造成 html 格式
  wifiScanContent = "<ol type=\"1\" start=\"1\">";
  for (int i = 0; i < wifiCount; ++i)
  {
    // Print SSID and RSSI for each network found
    wifiScanContent += "<table border=\"0\"><tr><td width=\"300px\">";
    wifiScanContent += String(i + 1) + ". ";
    wifiScanContent += WiFi.SSID(i);
    wifiScanContent += " (";
    wifiScanContent += WiFi.RSSI(i);
    wifiScanContent += ")";
    wifiScanContent += "</td><td width=\"200px\">";

    byte encryption = WiFi.encryptionType(i);
    wifiScanContent += getEncryptionTypeString(encryption);
    wifiScanContent += "</td></tr>";
  }
  wifiScanContent += "</ol></table><br>";
}

String getEncryptionTypeString(byte type)
{
  String str = "";
  switch (type) {
    case 2: str = "TKIP(WPA)"; break;
    case 5: str = "WEP"; break;
    case 4: str = "CCMP(WPA)"; break;
    case 7: str = "NONE"; break;
    case 8: str = "AUTO(WPA or WPA2)"; break;
    default:
      str = "";
  }
  return str;
}

void createConnectedWeb()
{
  WebServer.on("/", []() {
    webContent = "<!DOCTYPE HTML>";
    webContent += "<html>";
    webContent += "<title>WiFi 信息</title>";
    webContent += "<meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\">";
    webContent +=  "<p>當(dāng)前 WiFi 信息</p>";
    //    webContent += wifiScanContent;
    //&nbsp;代表插入一個空格, 重復(fù)5個就是插入5個空格
    webContent += "<br>";

    webContent += "<table border=\"0\"><tr><td><label>當(dāng)前 SSID: </label></td>";
    webContent += "<td><label>" + WiFi_SSID + "</label></td></tr>";
    webContent += "<tr><td><label>當(dāng)前 IP 地址: </label></td>";
    webContent += "<td><label>" +  WiFi.localIP().toString() + "</label></td></tr></table>";
    webContent += "</html>";
    WebServer.send(200, "text/html", webContent);
  });
}
Esp8266 使用可配置式 WiFi

Esp8266 使用可配置式 WiFi

代碼
