در این مقاله نشون می‌دیم که چجوری می‌شه با استفاده از بورد ESP8266 NodeMCU یک وب‌سرور بسازیم که صفحه وب رو به همراه چند اسلایدر نشون بده. اسلایدرها چرخه کار (duty cycle) سیگنال‌های مختلف PWM رو کنترل می‌کنن و به این صورت میزان روشنایی LEDهای مختلف رو کنترل می‌کنن. علاوه بر LED، می‌تونین از این پروژه برای کنترل موتورهای DC و محرک‌های (actuator) دیگه که مستلزم سیگنال PWM هستن استفاده کنین. کلاینت و ESP8266 از طریق پروتکل WebSocket با هم ارتباط برقرار می‌کنن. در ضمن، هر زمان که تغییری ایجاد بشه، تمامی کلاینت‌ها مقادیر اسلایدرهاشون رو همون لحظه به‌روز رسانی می‌کنن.
شما می‌تونین کدی که در این پروژه در اختیارتون قرار گرفته رو تغییر بدین و برای تعیین مقادیر آستانه (threshold values) و یا هر مقدار دیگه‌ای اسلایدر به پروژه‌تون اضافه کنین.
پروژه ساخت WebSocket با بورد ESP8266 رو از طریق Arduino core برنامه‌نویسی خواهیم کرد. شما می‌تونین از Arduino IDE، VS Code به همراه PlatformIO و یا هر IDE مناسب دیگه‌ای استفاده کنین.
مروری بر پروژه ساخت WebSocket با ESP8266 NodeMCU
تصویر زیر صفحه وبی هست که قراره در این پروژه بسازیم:
- این صفحه وب سه تا کارت داره.
- هر کارت یک پاراگراف داره که عنوان کارت رو نشون می‌ده (Fader 1, Fader 2, Fader 3).
- در هر کارت یک اسلایدر تعیین رنج (range slider) هست و می‌تونین جابه‌جاش کنین و روشنایی LEDها رو تنظیم کنین.
- در هرکارت، یک پاراگراف دیگه وجود داره که میزان روشنایی کنونی LED رو برحسب درصد نشون می‌ده.
- زمانی‌که یک position جدید برای اسلایدر تعیین می‌کنین، تمامی کلاینت‌ها رو به‌روز رسانی می‌کنه (اگر چند تا زبانه در مرورگر وب‌تون باز هست ( یا چند تا دستگاه) هر زمان که تغییری اتفاق بیفته اونا هم به‌روز رسانی می‌شن).
با عضویت رایگان در سایت می‌تونید ادامه مطلب رو مشاهده کنید.
سلام
با عرض تبریک مقاله شما بسیار جالب بود و خوب ویرایش شده بود بی صبرانه منتظر بخش بعدی هستم
سپاس از زحماتی که میکشید.
سلام مهدی جان 🖐🏻
تشکر بابت نظرت . خوشحالم که مقاله رو دوست داشتی، بزودی بخش دوم هم قابل دسترس خواهد شد. موفق باشی 🌸