در این مقاله قراره شیوۀ ساخت وب سرور ESP32 رو بهتون آموزش بدیم با استفاده از SPIFFS فایل‌های CSS و HTML ذخیره شده در ESP32 filesystem رو ارسال می‌کنه. البته به جای اینکه متن CSS و HTML رو در Arduino sketch بنویسیم، به صورت جداگانه فایل‌های CSS و HTML رو ایجاد می‌کنیم.
برای اینکه فرایند ساخت این سرور رو به خوبی نشون بدیم، این وب سرور خروجی ESP32 رو کنترل می‌کنه، اما کاربردهای دیگه‌ای هم می‌‌تونه داشته باشه، برای مثال، اطلاعات حسگر رو نشون بده.
مروری بر پروژه ساخت وب سرور SPIFFS با ESP32
قبل از اینکه پروژه رو شروع کنیم، بهتره کارهایی که وب سرور قراره انجام بده رو مشخص کنیم.
- این وب سرور LED متصل به ESP32 GPIO 2 رو کنترل می‌کنه. این ال‌ای‌دی، LED داخلی ESP32 هست. GPIOهای دیگه رو هم می‌تونین با این وب سرور کنترل کنین.
- صفحه‌ی این وب سرور شامل دو تا کلید ON و OFF برای روشن و خاموش کردن GPIO 2 می‌شه.
- همچنین این صفحه وب سرور وضعیت کنونی GPIO رو هم نشون می‌ده.
تصویر زیر دیاگرام ساده شده‌ای هست که کارکرد بخش‌های مختلف رو نشون می‌ده.
- ESP32 بر مبنای کتابخانه ESPAsyncWebServer، کد وب سرور رو اجرا می‌کنه.
- فایل‌های CSS و HTML در ESP32 SPIFFS ذخیره می‌شن.
- وقتی که در URL مرورگر یک درخواستی وارد می‌کنین، ESP32 فایل‌های مورد رو نظر رو به شما برمی‌گردونه.
- وقتی روی کلید ON کلیک می‌کنین، به URL اصلی هدایت می‌شین که بعدش on/ قرار داره و ال‌ای‌دی روشن می‌شه.
- وقتی روی کلید OFF کلیک می‌کنین، به URL اصلی هدایت می‌شین که بعدش off/ قرار داره و ال‌ای‌دی خاموش می‌شه.
- در صفحه وب، یک placeholder برای وضعیت GPIO وجود داره. placeholder این GPIO مستقیماً در فایل HTML بین علامت‌های % نوشته می‌شه (برای مثال، %STATE%).
این مقاله چطور بود ؟
+1
+1
+1
