1円大)XIAO ESP32C6、WebServerを使ってそれっぽいHTMLをPCに表示させる。(これは、マイコン)


参考
----

https://qiita.com/northVil/items/f5cfee1cfd38ece59bb5


いろいろ、注意
----

- 過去ログを見よ!!
- これは、親指姫サイズの組み込み用マイコン(pc系の人が見ている感じだか？(これだけで本当に動いているよ!!!
- アンテナ系を修正した0414
- 修正する箇所

```c++

const char *ssid = "ご自宅のSSID";
const char *password = "ご自宅のパスワード";

```


- なぜかLEDが反転

![o_coq866.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/840352/c9461704-a6cb-4a28-bff2-16646d89ea5d.jpeg)


結果
----

![o_coq867.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/840352/edf166a2-1562-43d5-9278-450ab0a45dec.jpeg)

```

http://esp32.local/

```

![o_coq865.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/840352/3bf5cf1a-6556-42db-a735-89978ff982e6.jpeg)


イメージ

![image_original (81).jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/840352/8ee1d7c3-1b13-4ba1-85a9-ca38868cd59a.jpeg)


プログラム
----

```c++


//webserver_test1_XAIO_ESP32C6_1


//インクルド
#include <WiFi.h>
#include <NetworkClient.h>
#include <WebServer.h>
#include <ESPmDNS.h>


//定義
const char *ssid = "ご自宅のSSID";
const char *password = "ご自宅のパスワード";

//サービスポート番号の登録
WebServer server(80);


//ホームページ
void handleRoot() {
  digitalWrite(LED_BUILTIN, LOW);

  char html[] = {
    "                                "
    "<HTML lang=\"jp\">              "
    "                                "
    "<HEAD>                          "
    "                                "
    "  <meta charset=\"UTF-8\">      "
    "                                "
    "  <TITLE>ようこそ</TITLE>        "
    "                                "
    "</HEAD>                         "
    "                                "
    "<BODY>                          "
    "                                "
    "  <H1>M5NanoC6の接点情報</H1>    "
    "                                "
    "  <H2>GPIO-G1</H2>              "
    "                                "
    "  AAA                           "
    "                                "
    "  <H2>GPIO-G2</H2>              "
    "                                "
    "  BBB                           "
    "                                "
    "                                "
    "  <H3>適度に更新してください</H3>  "
    "                                "
    "</BODY>                         "
    "                                "
    "</HTML>                         "
    "                                "
    "                                "
  };
  
  server.send(200, "text/html", html);
  digitalWrite(LED_BUILTIN, HIGH);
}//handleRoot


//ホームページがない場合
void handleNotFound() {
  digitalWrite(LED_BUILTIN, LOW);
  String message = "File Not Found\n\n";
  message += "URI: ";
  message += server.uri();
  message += "\nMethod: ";
  message += (server.method() == HTTP_GET) ? "GET" : "POST";
  message += "\nArguments: ";
  message += server.args();
  message += "\n";
  for (uint8_t i = 0; i < server.args(); i++) {
    message += " " + server.argName(i) + ": " + server.arg(i) + "\n";
  }
  server.send(404, "text/plain", message);
  digitalWrite(LED_BUILTIN, HIGH);
}//handleNotFound


//初期化
void setup(void) {

  //アンテナの設定
  pinMode(WIFI_ENABLE, OUTPUT); // pinMode(3, OUTPUT);
  digitalWrite(WIFI_ENABLE, LOW); // digitalWrite(3, LOW); // Activate RF switch control
  delay(100);
  pinMode(WIFI_ANT_CONFIG, OUTPUT); // pinMode(14, OUTPUT);
  digitalWrite(WIFI_ANT_CONFIG, LOW); // digitalWrite(14, LOW); // Use IN antenna

  //GPIOポートの初期化
  pinMode(LED_BUILTIN, OUTPUT);
  digitalWrite(LED_BUILTIN, HIGH);

  //WiFiの初期化
  WiFi.mode(WIFI_STA);
  WiFi.begin(ssid, password);
  delay(3000);//決め打ちなので、おかしかったら調整してね! wifiの待ち0.5*6

  //ローカルドメインサービス
  MDNS.begin("esp32");

  //割り込みの登録　ホームページ
  server.on("/", handleRoot);

  //割り込みの登録　ホームページ以外　404
  server.onNotFound(handleNotFound);

  //Webサーバの開始
  server.begin();

}//setup


//メインループ
void loop(void) {
  
  server.handleClient();
  delay(2);  //allow the cpu to switch to other tasks
  
}//loop

```