第23天我要接續昨天的部分。

在初始設定完成後，就可以開始進行聯接網路的實作。

首先是要include函數庫，這兩個函數庫分別是建立伺服器以及聯接網路用。

在include完函數庫後，就可以先設定要聯接的網路。

再來是設定網頁的port，80我記得代表的是http的聯接。

接著開始做wifi聯接的設定，首先要先將其設定為聯接模式(WiFi_STA)，再利用WiFi.begin()去聯接網路，下面則是用來判定是否有聯接的網路。

接著是伺服器網頁的內容，在開啟伺服器的時候讓其顯示Hello World!!，如果沒聯接到的話則顯示ERROR。

再來利用監控台將它網路的ip位置印出，最下面則是將伺服器開啟。

主程式的部分只要讓他不段的reload網頁聯接就行了。

成功聯接後就能夠看到監控台印出ip位置。

接這就可以嘗試利用聯覽器聯接，成功後就能看到網頁上顯示出文字。

因為這個網頁是利用區域網路去聯接，所以開啟時要先將電腦及板子至於同一個區域網路中。

程式碼

#include <ESP8266WebServer.h>
#include <ESP8266WiFi.h>

const char* ssid = "WiFi AP 名稱";
const char* password = "WiFi 密碼";

ESP8266WebServer server(80); 

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

  WiFi.mode(WIFI_STA);
  WiFi.begin(ssid, password);
  while (WiFi.status() != WL_CONNECTED) {
    delay(500);
    Serial.print(".");
  }

  server.on("/",[](){
    server.send(200,"text/html","Hello World!!");
  });
  server.onNotFound([](){
    server.send(404,"text/html","ERROR");
  });

  Serial.println(WiFi.localIP());

  server.begin();
}

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