ESP32 CH12 Workshop  Blynk.Apps

1. ไปเปิด Blynk.cloud และทำการ login เพื่อเข้าสู่ dashboard ของเรา

2. คลิกที่เมนูด้านซ้าย เพื่อเข้าสู่ Template ที่สร้างไว้ และคลิกที่ Template เพื่อเข้าไปเพิ่ม datastream

3. คลิกที่แท็บ Datastream

4. คลิกปุ่ม + New Datastream ทางด้านขวาบน เพื่อเพิ่ม Datastream และเลือก Virtual Pin

5. ใส่รายละเอียดให้ Datastream นี้

• ตั้งชื่ NAME ตามต้องการ ในที่นี้ใส่ Pot 

• กำหนดค่า MAX เป็น 4000

• กดปุ่ม CREATE

6. ในหน้า Template จะมี Datastreams ใหม่เกิดขึ้นแล้ว คลิก Save And Apply ทางขวาบน

7. ต่อไป คลิกที่แท็บ Web Dashboard แล้วคลิกปุ่ม Edit ทางขวาบน

8. ทางแถบ Widget Box ทางซ้ายมือ หา Guage แล้วลากมาวางตรงพื้นที่ Dashboard

9. คลิกที่รูปเกียร์บน Guage เพื่อเข้าไปตั้งค่า

• เปลี่ยนชื่อตรง TITLE เป็นอะไรก็ได้ ในที่นี้ใส่ Pot

• ตรง Datastream ให้เลือก Pot (V1)

• เลือก Change color base on value

• กดที่เส้นแถบสี เพื่อเข้าไปเลือกสีที่ชอบ

• กดปุ่ม Save ทางขวาล่าง

10. เมื่อกลับออกมาที่หน้า Template ให้กด Save And Apply

11. ตอนนี้ Dashboard ของเราก็มี widget ที่พร้อมที่จะแสดงค่าจาก Potentiometer แล้ว

12. เมื่อคลิกที่ปุ่ม Search ทางด้านซ้าย และเข้าไปดู Device ที่มี คลิกเข้าไปที่ Device ก็จะเห็น Widget Guage เพิ่มมาให้แล้ว

13. ต่อ Potentiometer เพิ่มกับบอร์ด ESP32 ดังนี้ 

19. เปิดแอพ Blynk IoT ในมือถือ หรือ แท็บเล็ต แล้ว login เข้าบัญชีเดียวกับบนคอมพ์

20. คลิกที่ Getting started template

21. คลิกเครื่องหมาย + เพื่อเลือก Widget จาก Widget Box มาเพิ่ม โดยเลือก Guage มาวาง