التحكم في محرك سيرفو عبر خادم ويب ESP32: الجزء الثاني

يبني الجزء الثاني واجهة محلية للتحكم في زاوية السيرفو دون إعادة تحميل الصفحة. يعمل ESP32 كخادم ويب داخل شبكة موثوقة، بينما ترسل JavaScript القيمة باستخدام fetch() المدمجة في المتصفح دون مكتبات إضافية.

واجهة خفيفة بلا مكتبة خارجية

const slider = document.querySelector('#angle');
let timer;
slider.addEventListener('input', () => {
  clearTimeout(timer);
  timer = setTimeout(() => {
    fetch('/servo?angle=' + encodeURIComponent(slider.value));
  }, 80);
});

يمنع التأخير القصير إرسال عشرات الطلبات في الثانية أثناء سحب المؤشر. يمكن عرض آخر زاوية مؤكدة بعد نجاح الطلب بدل افتراض أن الحركة تمت.

التحقق على ESP32

حوّل القيمة إلى عدد صحيح، وارفض أي إدخال غير رقمي، ثم احصره ضمن المجال الآمن للسيرفو — مثل 0 إلى 180 أو مجال أضيق تحدده المعايرة. أعد رمز HTTP واضحًا، ولا تستدعِ write() قبل التحقق.

الأمان والاعتمادية

استخدم المشروع داخل شبكة محلية موثوقة. عند الحاجة للوصول البعيد استخدم مصادقة وتشفيرًا وVPN أو وسيطًا آمنًا بدل فتح منفذ ESP32 مباشرة. عرّف زاوية آمنة عند الإقلاع وفقد الاتصال، وحدد سرعة الحركة إذا كان الحمل قد يصيب شخصًا.