บทความประกอบการเรียนรู้ => IOT : Internet of Thing (ESP8266, NodeMCU, WeMos D1 mini) => ข้อความที่เริ่มโดย: admin ที่ ธันวาคม 25, 2017, 03:51:09 PM
-
งานครั้งที่ 26 [iot#1 Blynk] เริ่มการใช้งาน Blynk
Blynk เป็น platform ที่ช่วยให้ผู้ใช้งานสามารถเชื่อมต่อบอร์ดชนิดต่าง ๆ ที่เชื่อมต่ออินเตอร์เน็ตได้แล้วสามารถควบคุมการทำงานได้ง่ายขึ้น บริการของ Blynk มี 3 ส่วนคือ.
-Mobile App สำหรับควบคุมหรือดูข้อมูล
-Cloud Service สำหรับเก็บข้อมูลจากอุปกรณ์
-Library สำหรับเขียนโค้ดเชื่อมต่อกับ Cloud Service
(http://www.praphas.com/PhotoForum/iot/Lab-26-BlynkLED/1.png)
งานครั้งนี้เป็นการทดลองควบคุมงานเบื้องต้นมีการทำงานด้วยกัน 2 ส่วนคือส่วนของแอฟบนมือถือ และโค้ดที่เขียนลงในบอร์ด esp8266
ส่วนของแอฟบนมือถือ มีขั้นตอนดังนี้
1. ติดตั้งแอฟ Blynk ลงในสมาร์ตโฟน สำหรับระบบปฏิบัติการแอนดรอยให้เข้าไปที่ Play Store
(http://www.praphas.com/PhotoForum/iot/Lab-26-BlynkLED/2.jpg)
2. พิมพ์ค้นหาแอฟชื่อว่า blynk แล้วทำการติดตั้ง
(http://www.praphas.com/PhotoForum/iot/Lab-26-BlynkLED/3.jpg)
3. เรียกใช้งานโดยการแตะที่ไอคอนโปรแกรม Blynk
(http://www.praphas.com/PhotoForum/iot/Lab-26-BlynkLED/4.jpg)
4. สร้างบัญชีใช้งานสำหรับการใช้งานครั้งแรก
(http://www.praphas.com/PhotoForum/iot/Lab-26-BlynkLED/5.jpg)
5. ใส่อีเมล์และพาสเวิร์ดสำหรับการลอกอินใช้โปรแกรม อีเมล์ควรใช้อีเมล์จริงเนื่องจากโปรแกรมจะส่งรหัสการใช้งานของบอร์ดเข้าไปในอีเมล์เมื่อผู้ใช้งานสร้างโปรเจคใหม่
(http://www.praphas.com/PhotoForum/iot/Lab-26-BlynkLED/6.jpg)
6. สร้างโปรเจคใหม่ สามารถแตะได้ 2 ที่ตามรูป
(http://www.praphas.com/PhotoForum/iot/Lab-26-BlynkLED/7.jpg)
7. กำหนดรายละเอียดของโปรเจค
(1) ชื่อโปรเจค
(2) ชนิดของบอร์ดที่ใช้งาน
(3) ชนิดการเชื่อมต่อ
(4) สีพื้นของแอฟ
(5) ปุ่มสร้างโปรเจค
(http://www.praphas.com/PhotoForum/iot/Lab-26-BlynkLED/8.jpg)
8. โปรแกรมจะส่งรหัสเชื่อมต่อไปยังอีเมล์ที่ลงทะเบียนไว้
(http://www.praphas.com/PhotoForum/iot/Lab-26-BlynkLED/9.jpg)
9. สามารถเข้าดูรายละเอียดภายหลังได้โดยแตะที่รูป 6 เหลี่ยมดังรูป
(http://www.praphas.com/PhotoForum/iot/Lab-26-BlynkLED/11.jpg)
10. รายละเอียดของโปรเจคจะแสดงดังรูป
(http://www.praphas.com/PhotoForum/iot/Lab-26-BlynkLED/10.jpg)
11. เมื่อแตะเลื่อนลงมาเล็กน้อยจะปรากฏดังรูป สามารถคัดลอกรหัส Token ได้โดยแตะที่ Copy all (1) รหัสจะถูกคัดลอกไว้ที่คลิปบอร์ด หรือจะเข้าไปดูรายละเอียดต่อได้ (2)
(http://www.praphas.com/PhotoForum/iot/Lab-26-BlynkLED/12.jpg)
12. แตะต่อดังรูป
(http://www.praphas.com/PhotoForum/iot/Lab-26-BlynkLED/13.jpg)
13. รายละเอียดจะปรากฎดังรูป
(http://www.praphas.com/PhotoForum/iot/Lab-26-BlynkLED/14.jpg)
14. สามารถคัดลอกได้โดยแตะที่ตัวรหัส Token หรือจะให้ส่งไปยังอีเมล์ก็สามารถทำได้เช่นกัน
(http://www.praphas.com/PhotoForum/iot/Lab-26-BlynkLED/15.jpg)
15. เพิ่มวิทเจ็ตที่ต้องการโดยแตะที่ปุ่มบวกดังรูป
(http://www.praphas.com/PhotoForum/iot/Lab-26-BlynkLED/16.jpg)
16. พลังงานสำหรับใช้ฟรีให้มา 2000 ซึ่งวิทเจ็ตแต่ละตัวจะใช้ระดับพลังงานไม่เท่ากัน หากไม่พอสามารถซื้อเพิ่มได้
(http://www.praphas.com/PhotoForum/iot/Lab-26-BlynkLED/17.jpg)
17. เมื่อแตะเลือกจากขั้นตอนข้อที่ 16 หน้าต่างแอฟจะกลับมาเป็นดังรูป ผู้ใช้งานสามารถย้ายตำแหน่งวิตเจ็ตไปยังตำแหน่งที่ต้องการได้
(http://www.praphas.com/PhotoForum/iot/Lab-26-BlynkLED/18.jpg)
18. แตะที่ตัววิตเจ็ตเพื่อตั้งค่าการใช้งาน งานครั้งนี้เป็นปุ่มกดดังนั้นวิตเจ็ตที่เลือกมาเป็นปุ่มสามารถแก้ไขชื่อปุ่มตามต้องการได้ แตะที่ PIN เพื่อกำหนดขาที่ต้องการใช้งาน
(http://www.praphas.com/PhotoForum/iot/Lab-26-BlynkLED/19.jpg)
19. งานครั้งนี้ใช้งานขาจริงแตะเลือกขา Digital และ D1 ซึ่งเป็นขาที่เชื่อมต่อกับ LED
(http://www.praphas.com/PhotoForum/iot/Lab-26-BlynkLED/20.jpg)
20. ตั้งรายละเอียดของปุ่ม
(1) ตั้งชื่อปุมกด
(2) เลือกขาพอร์ตที่ต้องการควบคุม
(3) เลือกชนิดการทำงานของปุ่ม กดติดปล่อยดับเลือก PUSH กดติดกดดับเลือก SWITCH
(4) กำหนดชื่อที่ต้องการให้ปรากฏที่ปุ่มเมื่อทำงานหรือหยุดทำงาน
(http://www.praphas.com/PhotoForum/iot/Lab-26-BlynkLED/21.jpg)
ส่วนของโค้ดโปรแกรมในบอร์ดทดลอง มีขั้นตอนดังนี้
1. ดาวน์โหลดไลบรารี่ Blynk เริ่มจากคลิกตามรูป
(http://www.praphas.com/PhotoForum/iot/Lab-26-BlynkLED/22.png)
2. ติดตั้งไลบรารี่
(1) พิมพ์คำว่า blynk ในช่องค้นหา
(2) เลือกเวอร์ชั่นล่าสุด
(3) คลิกติดตั้ง
(http://www.praphas.com/PhotoForum/iot/Lab-26-BlynkLED/23.png)
3. เปิดโปรแกรมตัวอย่างดังรูป
(http://www.praphas.com/PhotoForum/iot/Lab-26-BlynkLED/24.png)
ชื่อขาใช้งานของ NodeMCU และ WeMos D1 mini กับชื่อขาปกติของ ESP8266
(http://www.praphas.com/PhotoForum/iot/Lab-26-BlynkLED/25.png)
การเชื่อมต่อวงจรเพื่อทดลองด้วย NodeMCU
(http://www.praphas.com/PhotoForum/iot/Lab-26-BlynkLED/26.png)
การเชื่อมต่อวงจรเพื่อทดลองด้วย WeMos
(http://www.praphas.com/PhotoForum/iot/Lab-26-BlynkLED/27.png)
4. เปิดอีเมล์เพื่อคัดลอกรหัส Token ในที่นี้ครูใช้วิธีคัดลอกไว้ในคลิปบอร์ดแล้วส่งเข้าไปยังอินบ็อกเฟสบุคของตัวครูเอง
(http://www.praphas.com/PhotoForum/iot/Lab-26-BlynkLED/28.png)
5. ใส่ค่าต่าง ๆ ลงในโค้ดโปรแกรม
(1) รหัสลับที่คัดลอกมาจากข้อ 4
(2) ชื่อไวไฟที่บอร์ดจะใช้เชื่อมต่อ
(3) รหัสผ่านไวไฟ
(http://www.praphas.com/PhotoForum/iot/Lab-26-BlynkLED/29.png)
6. ทำการอัพโหลดโค้ดลงบอร์ด แล้วเปิด Serial monitor แก้ค่า baud rate ให้ตรงกับตัวโปรแกรม เมื่อบอร์ดเชื่อมต่อกับเซิร์ฟเวอร์ของ Blynk ได้จะปรากฏดังรูป
(http://www.praphas.com/PhotoForum/iot/Lab-26-BlynkLED/30.png)
*หากใช้งานขาพอร์ตเพียงอย่างเดียว (ขาที่มีให้ใช้งานบนบอร์ดเท่านั้น) ไม่ต้องเขียนโค้ดอะไรเพิ่มเติม การเลือกใช้งานขาที่ต้องการผู้ใช้งานกำหนดได้จากแอฟ Blynk บนสมาร์ตโฟน
การใช้งานแอฟ Blynk
1. แตะที่รูปสามเหลี่ยมเพื่อรันโปรเจค
(http://www.praphas.com/PhotoForum/iot/Lab-26-BlynkLED/31.jpg)
2. หากบอร์ดฮาร์ดแวร์ยังไม่เชื่อมต่อกับเซิร์ฟเวอร์จะปรากฏดังรูป
(http://www.praphas.com/PhotoForum/iot/Lab-26-BlynkLED/32.jpg)
3. หากบอร์ดฮาร์ดแวร์กำลังเชื่อมต่อกับเซิร์ฟเวอร์จะปรากฏดังรูป
(http://www.praphas.com/PhotoForum/iot/Lab-26-BlynkLED/33.jpg)
4. แตะที่ปุ่มจะเป็นดังรูป และ LED ก็จะติดดับตามการกดปุ่ม
(http://www.praphas.com/PhotoForum/iot/Lab-26-BlynkLED/34.jpg)
(http://www.praphas.com/PhotoForum/iot/Lab-26-BlynkLED/35.jpg)
เซิร์ฟเวอร์ Blynk ของคนไทยให้พลังสูง ๆ
เข้าไปดูรายละเอียดได้ที่
https://gist.github.com/TridentTD/636066a9ba76ce860e2c62bff258036a (https://gist.github.com/TridentTD/636066a9ba76ce860e2c62bff258036a)