ESP32のWi-Fiクライアントをスマートに設定する

#概要
ESP32のWi-Fiクライアント（STA)を使っていて、場所を変える度にSSIDとパスワードを変更して書きこむ必要があり、面倒に感じました。

ESP32のSTAにはSmartConfigという関数があり、これを入れとくとスマートフォンの専用アプリからSSIDとパスワード設定ができます。

スマートフォンの専用アプリはいくつかあるようですが、今回はIoT SmartConfig(Android用)というアプリを使用しました。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/183282/3bd9415e-bfa3-ee28-9112-36e69c7866f0.png)
https://play.google.com/store/apps/details?id=com.iotmaker


#環境
・スマートフォン：Android
・対象デバイス：ESP32-DevkitC
・IDE：Arduino IDE

#ソースコード
githubで公開しています。
https://github.com/kmaepu/ESP32_WiFi_SmartConfig

```c++:ESP32_WiFi_SmartConfig.ino
#include <WiFi.h>

WiFiServer server(80);

void setup()
{
    Serial.begin(115200);

    WiFi.mode(WIFI_AP_STA);     // AP + STAモードで動作
    WiFi.beginSmartConfig();    // SmartConfigを有効化

    // 設定待ち
    Serial.println("Waiting for SmartConfig.");
    while (!WiFi.smartConfigDone()) {
      delay(500);
      Serial.print(".");
    }
    Serial.println("SmartConfig received.");

    Serial.println("Waiting for WiFi connect.");
    while (WiFi.status() != WL_CONNECTED) {
        delay(500);
        Serial.print(".");
    }

    Serial.println("");
    Serial.println("WiFi connected");
    Serial.println("IP address: ");
    Serial.println(WiFi.localIP());
}

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
        }
      }
    }
    // close the connection:
    client.stop();
    Serial.println("Client Disconnected.");
  }
}
```

#使い方
１．ESP32_WiFi_SmartConfig.inoをESP32に書き込む
　　※シリアルコンソールを開いておく
２．スマートフォンに「IoT SmartConfig」をインストールする
３．ESP32が動作している状態で、IoT SmartConfigを起動する
　↓起動後の画面
<img width="187" alt="Screenshot_20190514-180252_IoT Smartconfig.jpg" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/183282/cbb8cc0e-cd10-1a11-a7cc-687923b6b8ad.jpeg">

４．SSIDとパスワードを入力する
 "unknown ssid"を消してSSIDを入力。
　Password欄にパスワードを入力。

５．Submitボタンを押す
　ESP32のSSIDとパスワードの設定が開始されます。

６．設定完了
　設定が完了すると、IoT SmartConfigの画面に、ESP32のIPアドレスが表示されます。
<img width="189" alt="Screenshot_20190515-124542_IoT Smartconfig.jpg" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/183282/413614a8-f51e-0587-bc26-4bd24424d7a8.jpeg">

ESP32のシリアルコンソールに接続ログが表示されます。
<img width="243" alt="シリアルコンソール画面.PNG" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/183282/a05b0ad9-25a8-5e92-58a1-5ab72c69c2da.png">

#おわりに
これでESP32のSSIDとパスワードをスマートに設定できる！
※個人の感想です。