โปรเจกต์ ESP8266 Servo Controller

บทนำ

ในโปรเจกต์นี้เราใช้ ESP8266 ในรูปแบบ NodeMCU เป็น Webserver และสร้าง Webform เพื่อควบคุมตำแหน่งปัจจุบันของ Servo Motor

ข้อมูลทั้งหมดของ Webserver จะถูกเก็บไว้ในหน่วยความจำ SPIFFS ของ ESP8266

SPIFFS คืออะไร?

SPIFFS คือระบบไฟล์ดั้งเดิมและเหมาะสำหรับแอปพลิเคชันที่มีข้อจำกัดด้านพื้นที่และ RAM ซึ่งมีการใช้ไฟล์ขนาดเล็กจำนวนมาก และให้ความสำคัญกับ Static และ Dynamic wear levelling โดยไม่จำเป็นต้องมีการรองรับ Directory อย่างเต็มรูปแบบ นอกจากนี้ Filesystem overhead บน Flash ยังมีน้อยมากด้วย ใน NodeMCU เรามี Flash ขนาด 4MB ซึ่งเราสามารถกำหนดขนาดของระบบไฟล์ SPIFFS ได้ ในโปรเจกต์นี้ไฟล์ Webserver ทั้งหมดรวมถึง HTML, CSS และ Javascript จะถูกเก็บไว้ในโฟลเดอร์ชื่อ data ซึ่งเป็นชื่อโฟลเดอร์ที่จำเป็นสำหรับการอัปโหลดไปยัง ESP8266 ด้วย SPIFFS uploader

ผมมีบทแนะนำอย่างละเอียดเกี่ยวกับเรื่องนี้ในอีกโปรเจกต์หนึ่ง ลองเข้าไปดูได้ที่นี่

การติดตั้งฮาร์ดแวร์

• เริ่มจากการวาง NodeMCU ลงบน Breadboard

• วาง Servo Motor และทำการเชื่อมต่อตามที่แสดง

• การเชื่อมต่อ

3V3V ➡ VCC

GND ➡ GND

SIGNAL ➡ D2

การตั้งค่าซอฟต์แวร์

• ไปที่หน้า GitHub ของผมและดาวน์โหลดไฟล์ที่จำเป็น

• ดาวน์โหลด ESPAsyncWebServer library

• ดาวน์โหลด ESPAsyncTCP library

• ติดตั้ง Libraries

• ดาวน์โหลด ESP8266 Filesystem Uploader

• ติดตั้ง Libraries และ Filesystem uploader ตามที่แสดงด้านล่าง

• Compile โค้ดและอัปโหลด

• ไปที่ Tools และใช้เครื่องมือ ESP8266 Sketch Data Upload เพื่ออัปโหลด Sketch data

แก้ไขบรรทัดโค้ดเหล่านี้ตามความต้องการของคุณ:

const char *ssid = "REPLACE_WITH_YOUR_SSID";       
const char *password = "REPLACE_WITH_YOUR_PASSWORD"; 
const uint8_t servoPin = D4;                

ลิงก์ GitHub Repository

https://github.com/rahuladitya303/ESP8266_SERVO_CONTROLLER.git

สำหรับรายละเอียดเพิ่มเติมเกี่ยวกับวิธีติดตั้ง Libraries และ Filesystem uploader สามารถเข้าไปดูได้ที่โปรเจกต์อื่นของผม

https://create.arduino.cc/projecthub/rahuladitya303/esp8266-weather-station-with-spiffs-c01037