ควบคุมอุปกรณ์ผ่านอินเทอร์เน็ตผ่านเบราว์เซอร์ (IoT): 6 ขั้นตอน

2024 ผู้เขียน: John Day | [email protected]. แก้ไขล่าสุด: 2024-01-30 13:06

ในคำแนะนำนี้ ฉันจะแสดงให้คุณเห็นว่าคุณสามารถควบคุมอุปกรณ์ต่างๆ เช่น LED, รีเลย์, มอเตอร์ ฯลฯ ผ่านทางอินเทอร์เน็ตผ่านเว็บเบราว์เซอร์ได้อย่างไร และคุณสามารถเข้าถึงการควบคุมได้อย่างปลอดภัยผ่านทุกอุปกรณ์ แพลตฟอร์มเว็บที่ฉันใช้ที่นี่คือ RemoteMe.org ไปที่หน้าเพื่อทราบข้อมูลเพิ่มเติม

อย่าลืมอ้างอิงรูปภาพซึ่งจะช่วยให้คุณเข้าใจกระบวนการได้ดียิ่งขึ้น

มาเริ่มกันเลยดีกว่า

ขั้นตอนที่ 1: สิ่งที่คุณต้องการ:-

สำหรับโครงการนี้ คุณจะต้อง:-

1. ลิงก์ ESP8266 (NodeMCU) สำหรับ USLink สำหรับยุโรป
2. LEDLink สำหรับ USLink สำหรับยุโรป
3. Push ButtonLink สำหรับ USLink สำหรับยุโรป
4. Breadboard. Link สำหรับ USLink สำหรับยุโรป

ซอฟต์แวร์:-

1. Arduino IDE
2. บัญชีบน RemoteMe

โปรดทราบว่าคุณสามารถใช้ Arduino หรือ Raspberry-pi สำหรับโครงการได้หากคุณไม่มี NodeMCU

ขั้นตอนที่ 2: การตั้งค่า Arduino IDE: -

ขั้นแรกในการทำงานกับ NodeMCU Esp8266 คุณต้องเพิ่มบอร์ดลงใน IDE หากยังไม่ได้ดำเนินการ โปรดดูคำแนะนำนี้ได้ที่นี่

หลังจากที่บอร์ดพร้อมใช้งานบน IDE แล้ว ก็จะมีบางไลบรารีที่จำเป็นสำหรับโครงการนี้

ในการติดตั้งไลบรารีเหล่านี้:-

เปิด IDE และ Goto >> Sketch >> รวมไลบรารี >> จัดการไลบรารี หน้าต่างป๊อปอัปควรปรากฏขึ้น ที่นี่คุณจะค้นหาไลบรารีที่จำเป็น

รายชื่อห้องสมุด:-

1. RBD_Timer.h
2. RBD_Button.h
3. RemoteMe.h
4. ESP8266WiFi.h
5. ESP8266WiFiMulti.h
6. ArduinoHttpClient.h

ติดตั้งทีละตัวและรีสตาร์ท IDE เมื่อเสร็จสิ้น

ด้วยเหตุนี้ IDE จึงพร้อมใช้งาน

ขั้นตอนที่ 3: การตั้งค่าหน้าบน RemoteMe: -

สำหรับการใช้ RemoteMe ก่อนอื่น คุณต้องสมัครใช้งาน เพื่อให้คุณสามารถสร้างหน้าเว็บของคุณเองและเริ่มควบคุมอุปกรณ์ได้

ไปที่ RemoteMe.org คลิกที่ "Application", Goto Signup และป้อนรายละเอียดของคุณและกด signup

คุณจะได้รับการต้อนรับด้วยหน้าต้อนรับ ตอนนี้ทางด้านซ้ายในเมนูเลือก "อุปกรณ์"

ทางด้านขวา คุณจะเห็นตัวเลือกชื่อ "อุปกรณ์ใหม่" เมื่อคลิกแล้วจะมีเมนูแบบเลื่อนลง เลือก "หน้าเว็บใหม่" ที่นี่

ตอนนี้ให้ชื่อและรหัสอุปกรณ์ ฉันได้ตั้งชื่อว่า 'LED' และกำหนดรหัสอุปกรณ์ '203' (ID อุปกรณ์คือหมายเลขเฉพาะที่จะแยกแยะระหว่างอุปกรณ์ต่างๆ)

ตรวจสอบให้แน่ใจว่าได้ตั้งค่าการสลับเป็น 'ใช้งานอยู่' และกด 'ส่ง' อุปกรณ์ใหม่ชื่อ LED พร้อมรหัสอุปกรณ์ 203 จะปรากฏบนหน้า ตอนนี้เลือกลูกศรลงที่ด้านขวาของอุปกรณ์แล้วคุณจะเห็นช่องว่างที่คุณสามารถสร้างหน้าเว็บได้

ไปที่หน้า GitHub นี้ คุณต้องลากไฟล์สามไฟล์ (index.html, scripts.js & styles.css) แล้ววางทีละไฟล์ลงในช่องว่างในอุปกรณ์ของคุณ เท่านี้ก็เรียบร้อย

ขั้นตอนที่ 4: การอัปโหลดรหัสบน MCU:-

ด้านล่างนี้ฉันได้ให้รหัสที่คุณต้องการเพื่อให้โครงการทำงานได้

ก่อนที่คุณจะสามารถอัปโหลดโค้ดได้ คุณต้องทำการเปลี่ยนแปลงเล็กน้อยในโค้ดก่อน

เมื่อรหัสถูกเปิดใน IDE คุณจะต้องป้อนชื่อ WiFi และรหัสผ่านของคุณในช่องที่กำหนด เพื่อให้บอร์ดสามารถเชื่อมต่อกับเครือข่ายของคุณได้

ทำการเปลี่ยนแปลงในส่วนต่อไปนี้ของรหัส:-

#define WIFI_NAME "ป้อนชื่อ WiFi ของคุณ" #define WIFI_PASSWORD "ป้อนรหัสผ่าน WiFi ของคุณ" #define DEVICE_ID 203 #define DEVICE_NAME "LED" #define TOKEN "ป้อนโทเค็นการตรวจสอบสิทธิ์"

ในการรับโทเค็นการตรวจสอบความถูกต้อง ไปที่ Remoteme.org >> Applications >> Tokens (ในเมนูด้านซ้ายของอุปกรณ์ร้อง)

คัดลอกโทเค็นและวางลงในรหัส

ตอนนี้เชื่อมต่อ NodeMCU ของคุณกับพีซี เลือกพอร์ตที่ถูกต้องและอัปโหลดรหัส

ขั้นตอนที่ 5: การเชื่อมต่อ:-

ทำตามภาพด้านบนเพื่อทำการเชื่อมต่อ:-

LED เชื่อมต่อกับ Pin D5 ของ MCU

ปุ่มกดเชื่อมต่อกับ Pin D2

ใช้ตัวต้านทานแบบอนุกรมพร้อมไฟ LED เพื่อป้องกันความเสียหายต่อ LED

ขั้นตอนที่ 6: การทดสอบ:-

ตอนนี้คุณทำโครงการสำเร็จแล้ว ถึงเวลาทดสอบการสร้าง

ก่อนอื่นให้ตรวจสอบว่าการเชื่อมต่อถูกต้องหรือไม่ ให้กดปุ่มและคุณจะเห็นไฟ LED เปิดขึ้น การกดปุ่มอีกครั้งจะเป็นการปิดไฟ LED

ตอนนี้ตรงไปที่เว็บไซต์ RemotMe และเปิดแอปพลิเคชันของคุณ เข้าสู่ระบบโดยใช้บัญชีที่คุณลงชื่อเข้าใช้

ไปที่ Devices แล้วเลือกอุปกรณ์ที่คุณเพิ่งสร้างขึ้น สังเกตสัญลักษณ์ลิงค์การเชื่อมต่อที่ด้านซ้ายก่อนที่ ID อุปกรณ์จะเปลี่ยนเป็นสีเขียว ซึ่งแสดงว่าบอร์ด ESP เชื่อมต่อกับเซิร์ฟเวอร์แล้ว

ตอนนี้คลิกที่ไฟล์ "index.html" และเลือก "เปิดในแท็บใหม่" ในแท็บใหม่ หน้าเว็บจะปรากฏขึ้นพร้อมกับวงกลม คุณสามารถคลิกที่วงกลมเพื่อเปิดและปิดไฟ LED

เพื่อควบคุม LED ของคุณโดยใช้สมาร์ทโฟน ไปที่หน้าอุปกรณ์อีกครั้งแล้วคลิก "index.html" คราวนี้เลือกตัวเลือกสุดท้าย "รับลิงก์ที่ไม่ระบุชื่อ…" หน้าต่างป๊อปอัปจะปรากฏขึ้นพร้อมลิงก์ที่คุณสามารถเปิดในสมาร์ทโฟนเครื่องใดก็ได้เพื่อควบคุม LED โดยไม่ต้องเข้าสู่ระบบทุกครั้ง

ตัวเลือกที่ดียิ่งขึ้นไปอีก คุณสามารถเลือกตัวเลือก QR ข้างลิงก์ได้ และสแกน QR โดยใช้ Android หรือ iPhone ของคุณและคุณจะถูกเปลี่ยนเส้นทางไปยังหน้าเว็บที่มีวงกลม

ชำระเงินวิดีโอสาธิตเพื่อดูว่ามันทำงานอย่างไร

หวังว่าคุณจะชอบโครงการ หากคุณมีคำถามใด ๆ โปรดถามในความคิดเห็น

ขอบคุณ.