การใช้งานบอร์ด ESP8266 เป็นเว็บเซิฟเวอร์ ep01



 การใช้งานบอร์ด ESP8266 เป็นเว็บเซิฟเวอร์ 

อุปกรณ์ 

1. บอร์ด esp8266

2. เครื่องคอมพิวเตอร์ 

3. สายเชื่อมต่อ usb หรือสำหรับอัพโหลดโปรแกรมและจ่ายพลังงาน


ขั้นตอนและวิธีการสร้าง 

1. ทำความเข้าใจเกี่ยวกับโค้ดเว็บไซต์  HTML 

<HTML>

<HEAD>

<TITLE>My first web page</TITLE>

</HEAD>

<BODY>

<CENTER>

<B>Hello World.... </B>

</CENTER>

</BODY>

</HTML>

บันทึกเป็นไฟล์ helloworld.html


ขั้นตอนที่ 2: การสร้างเว็บเซิร์ฟเวอร์บน ESP8266

ESP สามารถทำหน้าที่เป็นจุดเข้าถึง (Access Point) และสามารถเชื่อมต่อกับจุดเข้าถึงอื่นหรือทั้งสองอย่างได้

ก่อนอื่นเราจะเขียนโปรแกรมเพื่อเชื่อมต่อกับ WiFi ฮอตสปอต (Access Point)

โปรแกรมเชื่อมต่อกับจุดเข้าถึงและสร้างเว็บเซิร์ฟเวอร์

เราต้องการไลบรารีเหล่านี้เพื่อสร้างเว็บเซิร์ฟเวอร์

ESP8266WiFi.h จำเป็นสำหรับการทำฟังก์ชันที่เกี่ยวข้องกับ WiFi ทั้งหมด เช่น การเชื่อมต่อ, AP เป็นต้น

WiFiClient.h ไฟล์นี้จำเป็นสำหรับการส่งคำขอไปยังเว็บเบราว์เซอร์

ESP8266WebServer.h จัดการกับโปรโตคอล HTTP ทั้งหมด

#include <ESP8266WiFi.h>

#include <WiFiClient.h>

#include <ESP8266WebServer.h>


ชื่อวายฟาย SSID และ รหัสผ่าน Password ของ WiFi router ที่บ้านหรือที่คุณกำลังใช้ คอมพิวเตอร์เชื่อมต่อ

//SSID and Password of your WiFi router

const char* ssid = "";

const char* password = "";

เว็บเซิร์ฟเวอร์ทำงานที่พอร์ต 80 คุณสามารถใช้พอร์ตอื่นได้เช่นกัน พอร์ต HTTP เริ่มต้นคือ 80 

หากต้องการเปิดหน้าเว็บ ด้วยหมายเลขพอร์ตที่แตกต่างกัน คุณต้องพิมพ์หมายเลขพอร์ต หลังจากที่อยู่ IP 

ตัวอย่างเช่น สำหรับหมายเลขพอร์ต 81 คุณต้องพิมพ์ 192.168.2.2:81 ในเบราว์เซอร์

ESP8266WebServer server(80); //Server on port 80

//===============================================================

// This routine is executed when you open its IP in browser

//===============================================================

void handleRoot() {

  server.send(200, "text / plain", "Hello world");

}

void nextpage() {

  server.send(200, "text / plain", "Next Page");

}


void setup(void){

  Serial.begin(9600);

  //เชื่อมต่อวายฟาย ด้วยคำสั่ง

  WiFi.begin(ssid,password);     //Connect to your WiFi router

  Serial.println("");

  //คำสั่งสำหรับ พยายามเชื่อมต่อจนกว่าจะได้

  // Wait for connection

  while (WiFi.status() != WL_CONNECTED) {

    delay(500);

    Serial.print(".");

  }


  //If connection successful show IP address in serial monitor

  Serial.println("");

  Serial.print("Connected to ");

  Serial.println(ssid);

  Serial.print("IP address: ");

  //พิมพ์หมายเลขไอพี เพื่อเปิดดูในหน้าเว็บ

  Serial.println(WiFi.localIP());  //IP address assigned to your ESP

 

  server.on("/", handleRoot);      //Which routine to handle at root location

  server.on("/nextpage", nextpage);      //Which routine to handle at root location

  server.begin();                  //Start server

  Serial.println("HTTP server started");

}

  

void loop(void){

  server.handleClient();          //Handle client requests

}



Relate:

https://gnipsel.com/esp8266/esp8266_01.html



ความคิดเห็น