4.การใช้งานWokWi ร่วมกับHIVEMQ

จุดประสงค์การเรียนรู้

เพื่อใช้โปรแกรมSimulation WokWi รับ-ส่ง ข้อมูลมาแสดงผลที่ HIVEMQ

ตอนที่ 1 

การส่งค่าข้อมูลจากWokWiมาแสดงผลใน HIVEMQ

อุปกรณ์การทดลอง

1. เครื่องคอมพิวเตอร์

2. สัญญาณInternet

วิธีทำการทดลอง

1. เปิด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

วิธีทำการทดลอง

1. เปิด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 ดังวีดีโอข้างล่าง