จุดประสงค์การเรียนรู้
เพื่อใช้โปรแกรมSimulation WokWi รับ-ส่ง ข้อมูลมาแสดงผลที่ HIVEMQ
ตอนที่ 1
การส่งค่าข้อมูลจากWokWiมาแสดงผลใน HIVEMQ
ภาพการทำงานการส่งข้อมูลจากWokWi มาที่ Websockets Client Showcase
อุปกรณ์การทดลอง
เครื่องคอมพิวเตอร์
สัญญาณInternet
วิธีทำการทดลอง
เปิดWebsockets Client Showcase ของHIVEMQ ในที่นี้จะตั้งชื่อTopic เป็น RailTest-001
2. ทำการเปิดโปรแกรมWokWi ผ่านWeb browser : https://wokwi.com/ เลือกที่บอร์ดESP 32 ดังรูป
3. เลือกที่ Starter Templates เป็น ESP32
4. กดที่เครื่องหมาย+ในWokWi และทำการต่อวงจรPotentiometer กับบอร์ดESP32 ที่พอร์ต 35 ดังรูปข้างล่าง
5. เมื่อต่อวงจรเสร็จให้ทำการAdd Libraly ในWokwi โดยเข้าที่แถบเมนู Library Manager แล้วกดเครื่องหมาย + หลังจากนั้นให้พิมพ์คำว่าPubsub แล้วเลือกที่ PubSubClient
6. นำโค้ดข้างล่าง ไปใช้งานในแถบ sketch.ino ในWokWi เพื่อทำการส่งค่าไปยังBroker : broker.hivemq.com ในTopic : RailTest-001 เพื่อทำการส่งค่าสัญญาณAnalog จากตัวต้านทานปรับค่าได้ 0-4095 ไปที่Brokerดังกล่าว ดังรูปข้างล่าง
สามารถดูที่ลิงค์WokWiได้ที่นี่ : https://wokwi.com/projects/393306857833241601
7. กดที่ปุ่มStrat the simulation
8. ลองหมุนที่ตัวต้านทานปรับค่าได้(Potentiometer) ว่ามีค่าเปลี่ยนแปลงอยู่ในช่วง 0-4095 หรือไม่ (หมุนไปซ้ายสุดเท่ากับ0 และขวาสุด4095)
9. ดูค่าที่เปลี่ยนแปลงในระหว่างที่หมุนในPotentiometerในWokWi และ Websockets Client Showcase ในWeb Browser
วีดีโอสาธิตการทำงาน
ตอนที่ 2
การรับ-ส่งค่า ระหว่าง WokWi และ HIVEMQ
ภาพการทำงานการรับและส่งข้อมูลจากWokWi ร่วมกับ Websockets Client Showcase ที่มี 2 Topic
วิธีทำการทดลอง
เปิดWebsockets Client Showcase ของHIVEMQ ในที่นี้จะตั้งชื่อTopic ในSubscriptionsเป็น
ชื่อ Topic1 : RailTest-001 ** ใช้สำหรับอ่านค่าจากตัวต้านทานปรับค่าได้ในESP32 (Potentiometer) ที่ส่งมาจากWokWi หรือบอร์ดESP32
ชื่อ Topic2 : RailTest-002 ** ใช้สำหรับส่งข้อมความจากWebsocket Client Showcase มาเปิดหลอดLED ในWokwi หรือบอร์ด ESP32
2. เปิดโปรแกรมWokwi และทำการเลือกบอร์ด ESP32 ทำการต่อวงจรดังภาพข้างล่าง
ต่อ Potentiometer กับบอร์ดESP32 ที่พอร์ต 35
ต่อ LED กับบอร์ดESP32 ที่พอร์ต 5
3. นำโค้ดข้างล่าง ไปใช้งานในแถบ sketch.ino ในWokWi เพื่อทำการส่งค่าไปยังBroker : broker.hivemq.com ใน
Topic 1: RailTest-001 เพื่อทำการส่งค่าสัญญาณAnalog จากตัวต้านทานปรับค่าได้ 0-4095 ไปที่Brokerดังกล่าวไปแสดงผลที่ Websocket Client Showcase ของHiveMQ
Topic 2: RailTest-002 เพื่อทำการรับค่าจากBroker ด้วยคำว่า on และ off จากการส่งค่าจากWebsocket Client Showcase ของHiveMQ มาที่บอร์ดESP32 ให้เปิด-ปิดตามคำสั่งon และ off
ดังรูปข้างล่าง
สามารถดูที่ลิงค์WokWiได้ที่นี่ : https://wokwi.com/projects/393330330617890817
4. กดปุ่มStart the simulation ในWokWi ทำการรับส่งค่าระหว่างWokWi และ Websocket Client Showcase ของHiveMQ ดังวีดีโอข้างล่าง