มาเริ่มต้นกันกับ NodeMcu v.2 ตอนที่ 4 web server กับการควบคุม relay




ตอนนี้ก็เป็นบทความที่ 4 แล้วสำหรับเจ้าตัว NodeMCU v.2 นะครับ ในบทความที่ผ่านมาเจ้าของบล็อกได้ทดลองกับ LED อย่างเดียวเลย วันนี้เจ้าของบล็อกเลยอยากลองใช้เล่นกับตัว relay ดูบ้าง :D โดยให้เจ้า NodeMCU ตัวเนี้ย ทำเป็น web server ขึ้นมา แล้วรอรับค่าจากผู้ใช้งานจากการกดคลิกที่หน้าเว็บ ครับ งั้นมาเริ่มกันเลย



ในส่วนของอุปกรณ์เจ้าของบล็อกก็จะมีเจ้าตัว NodeMCU v.2 ที่ใช้เป็นตัวหลักในการเขียนโปรแกรมนะครับ



และอีกตัวก็คือ Relay board 4i ของ INEX


บอร์ดตัวนี้จะใช้ Relay 12v ในการเลี้ยง Relay เวลาจ่ายไฟทริคมา จะทำให้ตัว contact ของ relay ทำงาน

ในส่วนของ code ก็จะเป็นการเชื่อมต่อไปยัง wifi router เพื่อขอที่อยู่ IP ให้กับ NodeMCU และเมื่อได้ที่อยู่ IP มาแล้ว ก็ให้เจ้า NodeMCU เป็น server และเมื่อมี client เชื่อมต่อมาที่ IP ของ NodeMCU ก็จะทำการส่งข้อมูลกลับไปในรูปแบบ tag html ก็คือถ้าเกิด client ใช้ browser เชื่อมต่อมาที่ IP ของ NodeMCU ทาง NodeMCU ก็จะเช็คอยู่ตลอดว่าถ้าเกิดมี client เชื่อมต่อเข้ามาก็จะทำการส่ง html กลับไปยัง client ที่เชื่อมต่อ จะทำให้ browser ของ client ที่เชื่อมต่ออยู่นั้น สร้างหน้าเว็บขึ้นมาจากข้อมูลที่ทาง NodeMCU ส่งกลับมานั่นเอง


เมื่อเจ้าของบล็อกได้ลองเชื่อมต่อไปยังที่ IP ของ NodeMCU ทาง NodeMCU ก็จะทำการส่ง html tag กลับมา จึงทำให้เกิดเป็นหน้าเว็บนี้ขึ้น



ในส่วนของ code ก็ตามด้านล่างนี้เลย

code ก็จะประมาณนี้นะครับ นี่ก็จะเป็นการใช้งานคร่าว ๆ ในการควบคุม relay ด้วย NodeMCU v2 ถ้าหากใครต้องการที่จะควบคุมผ่าน internet ก็สามารถประยุกต์ใช้กับ ThingSpeak ได้เลย สามารถดูได้จากบทความนี้  มาเริ่มต้นกันกับ NodeMcu v.2 ตอนที่ 3 การควบคุมเปิดปิด LED ผ่าน Internet ด้วย NodeMcu 

ในบทความนี้เจ้าของบล็อกก็ขอเล่าเพียงเท่านี้ สรุปในบทความนี้ก็คือให้เจ้า NodeMCU ทำเป็น server และเมื่อมี client เชื่อมต่อเข้ามา ทาง server ก็จะส่ง html tag กลับไป เพื่อให้แสดงเป็นหน้าเว็บ สามารถควบคุม relay โดยการคลิกที่ปุ่ม แล้วก็เช็คข้อมูลที่ส่งเข้ามา เพื่อไปควบคุม relay board อีกที :D


บทความที่เกี่ยวข้อง

มาเริ่มต้นกันกับ NodeMcu v.2 ตอนที่ 1 Getting start 

ความคิดเห็น

Unknown กล่าวว่า
Thanks for your post. Very useful project.

You should just add state of relay (ON or OFF) in web IMHO

ไม่ระบุชื่อ กล่าวว่า
พี่คะ nodemcu web server นี่สร้างอย่างไงหรอคะ
ขอบคุณล่วงหน้าค่ะ
ไม่ระบุชื่อ กล่าวว่า
ช่วยบอกเป็นขั้นตอนหรือตัวอย่างที่เข้าใจว่ายๆหน่อยนะคับ กำลังหัดเล่นอ่าคับ


Team กล่าวว่า
ต้องบอกว่ามันมีเรื่องของ web เข้ามาเกี่ยวข้องครับ ถ้าให้จะอธิบาย HTML ทั้งหมดมันจะยาว คำสั่งส่วนใหญ่จะเป็นพื้นฐาน ลองศึกษาตามเว็ปทั่วไปได้เลยครับ
Unknown กล่าวว่า
ผมอยากทราบว่า แรงดันที่ออกมาจาก nodeMCU มีแรงดันอยู่ที่ 3.3 V
แต่รีเรย์ต้องการแดงดันอยู่ที่ 5 V
อยากทราบว่า ทำให้แรงดันจาก 3.3 V ไป 5 V ยังไงครับ
Team กล่าวว่า
ใช้ transistor ได้ครับ

ต่อ 5v ให้กับ transistor จากนั้นก็เอาขา output ของ node ไปขับขา Base ของ transistor แล้วก็จิ้ม Vout จาก transistor ไปสั่ง relay 5v ได้ครับ
wasan show กล่าวว่า
ผมใช้งานโค้ตไม่ได้ครับพี่ ผมต้องเก้ไรบ้างครับ
Unknown กล่าวว่า
Works Perfect thankyouuuuuu :)
Unknown กล่าวว่า
exelent work thank youu

โพสต์ยอดนิยมจากบล็อกนี้

ว่าด้วยเรื่องหน่วยความจำ สิ่งที่หลายคนมองข้าม : รู้จักกับ Memory

คณิตศาสตร์กับโปรแกรมมิ่งมันเป็นยังไงนะ ตอนที่ 1 เกริ่นพีทาโกรัส

คณิตศาสตร์กับโปรแกรมมิ่งมันเป็นยังไงนะ ตอนที่ 3 โจทย์พีทาโกรัส (จบ)