Blynk

BLYNK APPLICATION งานติดต้ังระบบควบคมุ อุปกรณ์ ไฟฟ้ าภายในบา้ นด้วยเทคโนโลยี INTERNET OF THINGS โครงการฝึ กอบรมหลักสูตรวิชาชีพระยะสั้นฐานสมรรถนะ (E TO E) วิทยาลัยเทคนิคสุราษฎรธ์ านี

BLYNK คืออะไร • Blynk คือ Application สาเร็จรูปสาหรับงาน IOT มีความน่าสนใจคือการเขยี นโปรแกรมที่งา่ ย ไม่ต้อง เขยี น App เองสามารถใช้งานได้อย่าง Real time สามารถเช่ือมต่อ Device ต่างๆเขา้ กับ Internet ได้ อย่างง่ายดาย ไม่ว่าจะเป็ น Arduino, Esp8266, Esp32, Nodemcu,Rasberry pi นามาแสดงบน Application ได้อย่างง่ายดาย แล้วที่สาคัญ Application Blynk ยังฟรี และ รองรบั ในระบบ IOS และ Android อีกด้วย เป็ นอะไรที่น่าสนใจ มากๆใช่ไหมครบั คราวนี้เรามาเร่ิมกันเลย

BLYNK คืออะไร • ในยุคสมัยก่อน การเขยี นโปรแกรมเช่ือมต่อกันระหว่าง อุปกรณ์ 2 ชิ้นเขา้ ด้วยกันมักจะใช้งานในลักษณะของ Server >>> Client ทาให้เกิดขอ้ จากัดต่างๆมากมาย ยกตัวอย่าง เราต้องการเปิ ดปิ ดไฟ ผ่านหน้าเว็บ เราก็จะให้ Arduino เป็ น Server และ เคร่อื งคอมพิวเตอร์ (Client) เป็ นเครื่องลูก ขอ้ จากัดที่เกิดขนึ้ คือทรพั ยากร เช่น CPU RAM ROM ของเราอาจจะไม่พอ มักจะเจอปั ญหา เอ๋อบอ่ ย ค้างไปดื้อๆ ก็มี ทาให้การเขยี นโปรแกรมเป็ นไปได้ ยากต้องประหยัดทรพั ยากรให้ ได้มากท่ีสุดเพื่อจะให้ สามารถทางานได้ และการเซ็ต Network เป็ นไปได้ยาก ส่วนใหญ่มักจะใช้ ในวง Lan หรือถ้าต้องการ ควบคมุ ผ่าน Wan จะต้อง Forward Set ระบบ Network จนปวดหัว

BLYNK คืออะไร • ต่อมาเป็ นยุคของ Cloud เกิดขนึ้ บวกกับมี Chip Wi-Fi ราคาถกู Esp8266 ถูกผลิตขน้ึ มา แต่ด้วย ขอ้ จากัดทางด้านทรพั ยากร จงึ มือวิธีการคิดว่า ถ้านา ขอ้ มลู ไปใส่ลงใน Server เลยละแล้วให้ Device ของ เราเรียกเขา้ ไปแก้ ไข หรอื อ่านขอ้ มลู โดยตรง ทาให้ ความฉลาดของตัวอุปกรณ์ของเราไม่มีวันสิ้นสุดหมด ขอ้ จากัดหลายอย่าง Device กลายเป็ นแค่ตัวรบั Data และส่ง Data มาแสดงเท่านั้น ทาให้ Chip Esp8266 จงึ ได้รบั ความนิยมในปั จจุบัน

BLYNK คืออะไร • วิธีการทางานของ Blynk เรม่ิ จาก อุปกรณ์ เช่น Arduino esp8266 Esp32 Rasberry Pi เช่ือมต่อไปยัง Server ของ Blynk โดยตรง สามารถรบั ส่งขอ้ มูลหากันได้ • คอมพิวเตอร์ Smartphone ก็จะเช่ือมต่อกับ Server ของ Blynk โดยตรง กลายเป็ นว่า มี Server เป็ นสะพานให้เชื่อต่อ หากันจึงหมดปั ญหาและขอ้ จากัดทุกอย่างทาให้อุปกรณ์ของ เรามีความฉลาดมากขนึ้ • การออกแบบในลักษณะ ภาพท่ี 3 เป็ นที่นิยมมากในปั จจุบัน เพราะไม่จาเป็ นต้อง Set อุปกรณ์ Network ต่างๆ ให้ปวด หัว • พดู ถึงระบบไปแล้วคราวน้ีเราจะมาดคู วามสามารถของ Application Blynk ดบู า้ งว่าสามารถทาอะไรได้บ้าง

BLYNK คืออะไร • จากภาพ เราสามารถ เลือก หน้าจอของ ภาพ คาอธิบาย เกจ์ วัดต่างๆ ก็สามารถ ออกแบบได้เองได้ อย่างอิสระอีกด้วย ต้องการอะไรไม่ ต้องการอะไรเรา สามารถเลือกได้ตาม ความของเราได้เลย

BLYNK คืออะไร • จากภาพเรา สามารถจบั ลากจัดเลียง ปรับขนาดให้ เหมาะสมตรง ตามความ ต้องการของ เรา

BLYNK คอื อะไร • เราสามารถ ป้ อนโปรแกรม ให้กับ Esp8266 เพ่ือให้ทางาน ตามท่ีเรา ต้องการผา่ น Arduino IDE

เตรียมความพร้อมก่อนการใช้ BLYNK APP • มีพระเอกเขา้ มาช่วย มันก็คือ CLOUD นั่นเอง โดย คอนเซปก็คือให้อุปกรณ์ปลายทางติดต่อไปยัง CLOUD SERVER แล้วรายงานตัวเองทันทีที่ต่อ อินเตอร์เน็ตได้ จากน้ันก็สร้างการเชื่อมต่อแบบ อัตโนมัติเลย มันเลยทาให้ชีวิตง่ายขนึ้ • BLYNK SERVER ก็ถือว่าเป็ น IoT CLOUD ด้วยนะครบั มันจะคอยรอรบั การติดต่อจาก IoT NODE เช่น ESP8266 / ESP32 / RASPBERRY PI หรอื อื่นๆ หลังจากเช่ือมต่อได้ แล้ว เราก็สามารถใช้ BLYNK APP ที่มีทั้งบน Android และ IOS ควบคุมอุปกรณ์ IoT NODE ได้เลย สะดวกรวดเรว็ และง่ายดายมาก

BLYNK ทางานอย่างไร ? • เร่ิมอธิบายจากปลายทางคือ IoT NODE ไปยังปลายทางคือ BLYNK APP จากรูปขา้ งบน IoT NODE ก็คือ Arduino / ESP8266 / ESP32 หรือ RASPBERRY ที่เชื่อมต่อ อินเตอรเ์ น็ตผา่ น WIFI / 3G / 4G / LoRa หรือสายแลน การท่ี จะทาให้ IoT NODE เหล่าน้ีรูจ้ กั BLYNK SERVER ได้ก็ต้อง ติดตั้งไลบรารี BLYNK เสียก่อน อุปกรณ์หลักๆ ที่รู้จักส่วนใหญ่ก็ รองรับหมดแล้ว

BLYNK ทางานอย่างไร ? • BLYNK SERVER จะใช้รหัส TOKEN ในการแยกแยะอุปกรณ์ท่ี เช่ือมต่อเขา้ หามันว่าเป็ นตัวไหน รหัสนี้จะได้มาจากการลงทะเบียนใน BLYNK APP ที่เราติดตั้งไว้บนมือถือ รหัสน้ีเปรยี บเสมือนรหัส ประจาตัวประชาชนของเรา เอาไว้สาหรบั ยืนยันตัวตนว่าเป็ นอุปกรณ์ตัว ไหน รหัส TOKEN แต่ละตัวจะไม่ซ้ากัน เราจะต้องระบรุ หัส TOKEN นี้ ไว้ ในโค๊ด Arduino Sketch แล้วแก้ ไขช่ือ SSID กับรหัสผา่ น Wi-Fi จากน้ันอัพโหลดโปรแกรมเขา้ IoT NODE แค่น้ีอุปกรณ์ก็สามารถ เช่ือมต่อกับ BLYNK SERVER ได้แล้ว • เปิ ด BLYNK APP ท่ีติดต้ังไว้บนมือถือ แล้วเพ่ิม WIDGET ป่ มุ ต่างๆ ท่ี ต้องการแล้วระบขุ าใช้งานให้ตรงกับที่เราเขยี นโปรแกรมไว้ เช่น V7 เป็ น ป่ มุ ปิ ด เปิ ดไฟ , V10 เป็ นค่าเปอร์เซ็นต์สัญญาณ Wi-Fi หรอื ถ้า ต้องการพล๊อตกราฟก็ให้เลือก WIDGET superChart แล้วเลือก ประเภทของกราฟที่ต้องการแสดง เช่น Bar /Column / Line เป็ นต้น จากนั้นส่ัง RUN โปรแกรมโดยคลิกที่รูปสามเหล่ียมขวาบน แค่นี้ก็เรา สามารถควบคมุ IoT NODE ได้แล้ว

การติดต้ัง BLYNK APP • BLYNK เป็ น A2PP ฟรี รองรบั การทางานทั้ง Android และ IOS เรม่ิ ด้วยการค้นหา ช่ือ APP ให้พิมพ์คาว่า “Blynk” ใน STORE ของแต่ละ OS ก็จะพบกัน BLYNK APP ท้ังนี้เวอรช์ ันอาจ แตกต่างกันไปบ้าง เพราะผู้พัฒนาอัพเดทรุน่ ใหม่ เสมอ เจอแล้วก็ให้ติดตั้งเลย • หลังจากที่ติดต้ังเสรจ็ เรยี บรอ้ ย ให้เปิ ด Blynk APP ขน้ึ มาเพ่ือทาการสรา้ งผ้ใู ช้งานใหม่ ในขน้ั ตอนนี้ผู้เขยี นขออธิบายเพิ่มเติมว่า Blynk เป็ น APP ให้ ใช้งานฟรกี ็จรงิ แต่เราจะได้รบั Blynk energy มาแค่ 2 ,000 เท่าน้ันถ้าใช้ Server ของเขา

BLYNK ENERGY คืออะไร ? • ถ้าใครเคยเล่นเกมส์ฟรใี นมือถือ คงจะพอค้นุ ๆ ว่าเขาจะ ให้เหรยี ญหรือแต้มมาให้ด้วยหลังติดตั้งโปรแกรมครงั้ แรก แต่ก็ได้มาแค่นิดหน่อย ให้พอซื้อ item อะไรเล่นได้บ้าง เพ่ือสรา้ งความคุ้นเคยกับเกมส์ท่ีเล่น แต่ถ้าต้องการซ้ือ item พิเศษ ถึงเวลาน้ีเราต้องเสียเงินจรงิ ซ้ือมา • อารมณ์ของ Blynk energy ก็ประมาณนั้นครบั ท่านจะ ได้รบั 2,000 energy มาให้เลยตอนสมัครคร้ังแรกถ้า ท่านใช้ Server ของเขา แบบน้ีจะสะดวกและเหมาะ สาหรับเป็ นโปรเจคเรม่ิ ต้นเพ่ือสร้างความคุ้นเคยการใช้ งาน

BLYNK ENERGY คืออะไร ? • ยกตัวอย่างจานวน energy ท่ีท่านต้องใช้ • Button(ป่ ุม) จะใช้ 200 energy • Label(แถบแสดงขอ้ มูล) จะใช้ 400 energy • SuperChart(กราฟ) จะใช้ 900 energy • แต่ถ้าท่านเอาไปใช้งานจริงๆ จานวน energy 2,000 ที่ได้มาตอนสมัครคร้ัง แรกคงไม่พอแน่ๆ ต้องซ้ือเพิ่มเติมอย่าง แน่นอน

การลงทะเบยี นใช้งาน BLYNK • ท่านสามารถลงทะเบยี นใช้งาน Blynk ได้จาก APP ท่ีติดต้ังไว้แล้วในมือถือ ให้ ท่านเปิ ด Blynk APP ขน้ึ มาแล้วคลิกที่ “Create New Account” แล้วใส่ อีเมล์และรหัสผ่านท่ีต้องการ โดยอีเมล์ท่ี กรอก “ต้องใช้งานได้จรงิ ๆ” นะครบั เพราะระบบจะส่งรหัส TOKEN ไปให้ ตามอีเมล์ • ตัวอย่างขา้ งล่างเป็ นการลงทะเบยี นกับ BLYNK SERVER เพียงแค่ใส่อีเมล์ และรหัสผา่ นจากน้ันคลิกท่ีป่ มุ Sign Up ก็เรยี บร้อย เราจะได้ Blynk energy มาใช้งานเริม่ ต้น 2,000 energy

การลงทะเบียนใช้งาน BLYNK • ขน้ั นตอนต่อจะเป็ นการสร้างโปรเจคใหม่ ให้ คลิกที่ “New Project” แล้วใส่ชื่อโครงการ ให้เรียบร้อยจากตัวอย่างจะต้ังชื่อโครงการ เป็ น “MISSMT SmartIoT” แล้วเลือก ประเภทของบอรด์ พัฒนา ผเู้ ขยี นใช้บอร์ด ESP32 จงึ เลือกเป็ น “ESP32 Dev Board” ถ้าใครใช้บอรด์ NodeMCU หรอื ESP8266 ก็เลือกบอร์ดให้ถูกรุน่ ด้วยนะ ครับ เพราะจะทาให้ Blynk ทางานผิดพลาด ได้ถ้าเลือกบอรด์ ผดิ รุ่น บอร์ดแต่ละรุ่นวาง ตาแหน่งขา GPIO ไม่เหมือนกันนะครบั • ส่วน THEME ก็คือสีพ้ืนของ APP ถ้าใคร ชอบสีแนวออกสว่างสีขาวก็สามารถเลือก เป็ น “LIGHT” ส่วนผู้เขยี นชอบพ้ืนสีออก โทนสีดาจึงเลือกเป็ น “DARK” จากน้ันคลิก ท่ีป่ ุม “Create” จะเป็ นสร้างโปรเจค

การลงทะเบยี นใช้งาน BLYNK • หลังจากท่ีสรา้ งโปรเจคเสร็จ เรยี บรอ้ ย เราจะได้รบั รหัส TOKEN ที่ Blynk Server ส่ง มาให้ หน้าตาอีเมล์ก็คล้ายๆ ตามรูปตัวอย่างขา้ งล่าง รหัสน้ี ก็คือตัวแทนของบอร์ดพัฒนา น่ันเอง Blynk Server จะรูจ้ ัก บอรด์ เราได้และรูว้ ่าตัวไหนอยู่ที่ ไหนก็อาศัยรหัส TOKEN เป็ น ตัวอ้างอิงนี่ละครับ

ตัวอย่าง การควบคมุ หลอดไฟ LED ด้วย BLYNK APP • เพ่ือให้เห็นภาพการทางานมาดู ตัวอย่างการใช้ BLYNK APP ควบคมุ การปิ ด เปิ ดหลอดไฟ LED ดูครับ ตัวอย่างน้ีจะเป็ นการ เชื่อมต่อ ESP32 เขา้ กับ BLYNK SERVER ผลลัพธ์ท่ีได้ จะ สามารถควบคุมปิ ด เปิ ด หลอด LED ผ่านทางแอพพลิเคช่ันบน สมารท์ ดีไวซ์ ได้ ให้ต่อวงจรทดลอง ตามรูปขา้ งล่าง ขาที่ต่อทดสอบ คือ GPIO4 //LED

ตัวอย่าง การควบคมุ หลอดไฟ LED ด้วย BLYNK APP • เพื่อให้เห็นภาพการทางานมาดตู ัวอย่าง การใช้ BLYNK APP ควบคุมการปิ ด เปิ ดหลอดไฟ LED ดูครับ ตัวอย่างน้ีจะ เป็ นการเชื่อมต่อ ESP32 เขา้ กับ BLYNK SERVER ผลลัพธ์ที่ได้ จะ สามารถควบคมุ ปิ ด เปิ ด หลอด LED ผ่านทางแอพพลิเคช่ันบนสมาร์ทดีไวซ์ ได้ ให้ต่อวงจรทดลองตามรูปขา้ งล่าง ขาที่ต่อทดสอบ คือ GPIO4 //LED • ถึงเวลาที่ต้องใช้รหัส TOKEN แล้ว ให้ นาไปใส่ในตัวแปร auth[] = “xxxxxxxxxxx” แล้วแก้ ไขช่ือ SSID รหัสการเช่ือมต่อ WIFI ให้ถูกต้อง แก้ ไขแค่ 3 จุดนี้แล้วสั่งอัพโหลด โปรแกรมได้เลย

ตัวอย่าง การควบคมุ หลอดไฟ LED ด้วย BLYNK APP • /* • * ตัวอย่างการใช้ BLYNK APP ควบคุมการปิ ดเปิ ดหลอดไฟ LED • */ • #define BLYNK_PRINT Serial • #include <WiFi.h> • #include <WiFiClient.h> • #include <BlynkSimpleEsp32.h> • char auth[] = \"xxxxxxxxxx\"; • char ssid[] = \"xxxxxxxxxx\"; • char pass[] = \"xxxxxxxxxx\"; • void setup() { • Serial.begin(115200); • //เริม่ การเชื่อมต่อ Blynk Server • Blynk.begin(auth, ssid, pass); •} • void loop() { • Blynk.run(); •}

ตัวอย่าง การควบคมุ หลอดไฟ LED ด้วย BLYNK APP • หลังจากอัพโหลด Sketch เขา้ สู่บอร์ด ESP32 แล้ว ให้เขา้ ไปดูใน Serial Monitor ท่านจะพบว่าบอรด์ ESP32 ทาการเชื่อมต่อ WIFI ตามที่กาหนดไว้ แล้วแสดง IP ท่ีได้รับจาก Router มา จากน้ันจะเช่ือมต่อไปยัง BLYNK SERVER ถ้าเชื่อมต่อสาเรจ็ จะแสดง ขอ้ ความประมาณตามรูปด้านล่าง มาถึง ตอนน้ีบอรด์ ESP32 ก็พรอ้ มสาหรับ การควบคมุ แล้วผา่ น Blynk APP แล้ว ครบั

ตัวอย่าง การควบคุมหลอดไฟ LED ด้วย BLYNK APP • มาฝ่ั งทาง Blynk APP บา้ ง ให้ สรา้ ง WIDGET ป่ มุ ควบคุมขน้ึ มา ให้คล๊ิกท่ีพ้ืนท่ีว่างในโปรเจคตามรูป แล้วคล๊ิกที่สัญลักษณ์รูป +

ตัวอย่าง การควบคุมหลอดไฟ LED ด้วย BLYNK APP • เลือก Button (200 energy) แล้วคลิ๊กที่ป่ ุมเพื่อไปหน้าตั้งค่า

ตัวอย่าง การควบคมุ หลอดไฟ LED ด้วย BLYNK APP • ตั้งช่ือให้ป่ ุม Button ในที่น่ีผ้เู ขยี นตั้งช่ือว่า “LED” ส่วนรูปหยดน้าเป็ นการเลือกสีให้กับป่ ุม Button ใครชอบสีไหนก็เลือกเอา จากนั้นไปที่ OUTPUT เลือกขา GPIO เป็ นขาท่ี 4 หรือ gp4 ขน้ั ตอนน้ี สาคัญนะครับ ต้องเลือกให้ถกู ต้องตามท่ีเราต่อ วงจรไว้ มันจะได้ทางานได้ถกู ท่ี ส่วนถ้าของใครขน้ึ ไม่เหมือนตามนี้เป็ นไปได้ว่าท่านเลือกใช้บอรด์ อื่นที่ ไม่ใช่ ESP32 ครับ ไม่ต้องตกใจ แต่ละบอรด์ การ เรยี งขาไม่เหมือนกันการเรียกชื่อก็แตกต่างกันไป • ท่ี MODE มีให้เลือกคือ “PUSH” และ “SWITCH” ท้ังสองแบบนี้ทางานต่างกัน ถ้าท่าน เลือกเป็ น PUSH อารมณ์จะเหมือนกับวิทยุสื่อสาร ทางเดียว การทางานของมันจะเป็ นแบบกดดับ ปล่อยดับ แต่ถ้าเลือก SWITCH จะทางานแบบกด ติด กดดับ ในตัวอย่างนี้เลือกใช้การควบคุมแบบ SWITCH

ตัวอย่าง การควบคมุ หลอดไฟ LED ด้วย BLYNK APP • เสรจ็ แล้วมาเริม่ การทางานของ APP กัน ให้คลิกท่ีป่ ุมสามเหลี่ยม ท่านจะเห็นได้ว่ารูปสามเหลี่ยมจะ เปล่ียนเป็ นรูปส่ีเหลี่ยมแทน แล้วท่ี ป่ ุม Button จะเปล่ียนจากคาว่า gp4 เป็ น OFF แทน ท่านลองกด ป่ มุ ดู จะพบว่าหลอดไฟ LED จะติด และดับตามการควบคมุ ของท่าน งา่ ยมากเลยใช่ไหมครับ ไม่ต้องเขยี น Mobile APP เอง

ตัวอย่าง รายงานอุณหภมู ิและความชื้นด้วย BLYNK APP • มาดอู ีกสักตัวอย่างให้เห็นภาพมาก ย่ิงขน้ึ ตัวอย่างนี้จะเป็ นการรายงาน ค่าอุณภูมิและความช้ืนจากเซ็นเซอร์ DHT11 แล้วแสดงกราฟขอ้ มลู ผ่าน ทางแอพพลิเคช่ัน Blynk บนสมารท์ ดีไวซ์ ขาที่ต่อทดสอบ คือ GPIO15 //DHT11 Sensor ให้ต่อวงจรตาม รูป

ตัวอย่าง รายงานอุณหภมู ิและความชื้นด้วย BLYNK APP • ใส่รหัส TOKEN ในตัวแปร auth[] = “xxxxxxxxxxx” แล้วแก้ ไขชื่อ SSID รหัสการ • int LEDPIN = 4; //GPIO4 LED //GPIO15 (ADC2_CH3) เชื่อมต่อ WIFI ให้ถกู ต้อง แก้ ไขแค่ 3 จุดน้ีแล้วสั่งอัพโหลด Sketch ได้เลย int DHTSENSOR = 15; • /* • //ระบุรุน่ เซ็นเซอร์รุ่น • * ตัวอย่างการรายงานค่าอุณภูมิและความชื้น แสดงกราฟขอ้ มลู ผ่าน Blynk APP • * ต้ังเวลาส่งขอ้ มลู ให้ Blynk Server ทกุ ๆ 5 วินาที DHT11SimpleDHT11 dht11; • */ • #define BLYNK_PRINT Serial • BlynkTimer timer; • #include <WiFi.h> • #include <WiFiClient.h> • void sendSensor() { • #include <BlynkSimpleEsp32.h> • //โหลดไลบารี่ DHT11 • //กาหนดตัวแปรเก็บค่าอุณหภมู ิ • #include <SimpleDHT.h> • char auth[] = \"xxxxxxxxxxx\"; byte temperature = 0; • char ssid[] = \"xxxxxxxxxxx\"; • cha pass[] = \"xxxxxxxxxxx\"; //กาหนดตัวแปรเก็บค่าความช้ืนสัมสัทธ์ byte humidity = 0; • //อ่านค่าจากเซ็นเซอร์ dht11.read(DHTSENSOR, &temperature, &humidity, NULL); • while (temperature == 0) { • //อ่านค่าจากเซ็นเซอร์ dht11.read(DHTSENSOR, &temperature, &humidity, NULL); Serial.println(\"DHT11 get failed\"); delay(1500); •}

ตัวอย่าง รายงานอุณหภูมิและความช้ืนด้วย BLYNK APP • //ส่งค่า humidity V1 ไปยัง blynk • void setup() { server • Serial.begin(115200); Blynk.virtualWrite(V1, humidity); • //เริ่มการเช่ือมต่อ Blynk Server • //ส่งค่า temperature V2 ไปยัง blynk Blynk.begin(auth, ssid, pass); server Blynk.virtualWrite(V2, • //ตั้งเวลาส่งขอ้ มลู ให้ Blynk Server ทกุ ๆ 5 temperature); วินาที timer.setInterval(5000L, sendSensor); • Serial.print(\"Humidity: \"); •} Serial.print(humidity); Serial.print(\"% | \"); • void loop() { Serial.print(\"Temperature: \"); Serial.print(temperature); • Blynk.run(); Serial.println(\"C\"); timer.run(); •} •}

ตัวอย่าง รายงานอุณหภูมิและความช้ืนด้วย BLYNK APP • หลังจากอัพโหลด Sketch ให้บอร์ด ESP32 เสรจ็ เรียบร้อย ให้เขา้ ไปดใู น Serial Monitor ท่านจะพบว่าบอร์ด ESP32 ทาการเช่ือมต่อ WIFI ตามที่กาหนดไว้ แล้วแสดง IP ที่ได้รับจาก Router จากน้ันจะเชื่อมต่อไปยัง BLYNK SERVER ถ้าเช่ือมต่อสาเรจ็ จะแสดงขอ้ ความ ประมาณตามรูป • ท่านจะเห็นการรายงานเปอร์เซ็นต์ค่าความช้ืน (Humidity) และอุณหภมู ิ (Temperature) ทกุ ๆ 5 วินาที มาถึงตอนน้ีบอรด์ ESP32 ก็พรอ้ ม สาหรับการควบคมุ แล้วผ่าน Blynk APP และมัน จะรายงานค่าความชื้นและอุณหภูมิไปให้ Blynk Server ด้วยครับ

ตัวอย่าง รายงานอุณหภูมิและความช้ืนด้วย BLYNK APP • หลังจากอัพโหลด Sketch ให้บอร์ด ESP32 เสรจ็ เรยี บร้อย ให้เขา้ ไปดใู น Serial Monitor ท่านจะพบว่าบอร์ด ESP32 ทาการเช่ือมต่อ WIFI ตามที่กาหนดไว้ แล้วแสดง IP ที่ได้รับจาก Router จากนั้นจะเช่ือมต่อไปยัง BLYNK SERVER ถ้าเช่ือมต่อสาเรจ็ จะแสดงขอ้ ความ ประมาณตามรูปด้านล่าง • ท่านจะเห็นการรายงานเปอรเ์ ซ็นต์ค่าความชื้น (Humidity) และอุณหภมู ิ (Temperature) ทกุ ๆ 5 วินาที มาถึงตอนน้ีบอรด์ ESP32 ก็พร้อม สาหรบั การควบคมุ แล้วผา่ น Blynk APP และมัน จะรายงานค่าความช้ืนและอุณหภมู ิไปให้ Blynk Server ด้วยครับ

ตัวอย่าง รายงานอุณหภูมิและความช้ืนด้วย BLYNK APP • ใหส้ รา้ ง WIDGET Gauge มเิ ตอร์ แสดงผลคา่ อณุ หภมู ขิ นึ้ มาใหค้ ลกิ๊ ท่ีสญั ลกั ษณร์ ู +

ตัวอย่าง รายงานอุณหภูมิและความช้ืนด้วย BLYNK APP • ให้สร้าง WIDGET Gauge มิเตอร์ แสดงผลค่าอุณหภูมิขน้ึ มาให้คลิ๊กท่ีสัญลักษณ์รูป +

ตัวอย่าง รายงานอุณหภมู ิและความช้ืนด้วย BLYNK APP • คลิ๊กที่ Gauge มิเตอร์ เพื่อไปหน้า ต้ังค่า ตั้งชื่อให้ป่ มุ ในท่ีนี่ผ้เู ขยี นตั้ง ช่ือว่า “Temperature” เลือกสี เป็ นสีชมพู จากนั้นไปที่ OUTPUT เลือกขา Vitual เป็ นขา V2ตามท่ี กาหนดไว้ ในโปรแกรม Arduino SKETCH ต้ังค่าเป็ นต่าสุดเป็ น 0 และสูงสุดเป็ น 50 ส่วนที่ LABEL จะเห็นว่ามีคาว่า /pin.#/ ตัวหนังสือสีเขยี วอันนี้เป็ นตัวแปรค่า ความช้ืนที่มีทศนิยม 1 ตาแหน่งที่จะ แสดง ส่วนตัวหนังสือสีขาวคือ ขอ้ ความประกอบธรรมดา

ตัวอย่าง รายงานอุณหภูมิและความชื้นด้วย BLYNK APP • ให้สรา้ ง WIDGET SuperChart ขน้ึ มา คลิก ท่ีสัญลักษณ์รูป + แล้วเลือก SuperChart • คลิกที่ SuperChart เพ่ือไปหน้าตั้งค่า สาหรับ กราฟท่ีต้องการแสดงน้ันจะมีอยู่ 2 ค่าคือ เปอรเ์ ซ็นต์ของค่าความช้ืนและค่าอุณหภูมิ โดย ค่าท้ังสองนี้มาจากตัวเซ็นเซอร์ DHT11 ผเู้ ขยี น เลยตั้งช่ือกราฟเป็ น “DHT11” ส่วนท่ี DATASTREAMS จะเป็ นเส้นกราฟท่ีจะแสดง ในที่นี้ให้กราฟเส้นแรกเป็ น Humidity และเส้น ท่ีสองเป็ น Temperature ถ้ามีมากกว่านี้ก็ สามารถเพิ่มได้ โดยคลิกท่ีป่ มุ + Add DataStream

ตัวอย่าง รายงานอุณหภมู ิและความช้ืนด้วย BLYNK APP • ส่วนการตั้งค่ากราฟให้คลิกท่ีสัญลักษณ์ เส้น 3 เส้นแนวต้ัง บริเวณ DATASTREAMS ท่านจะ พบกับการต้ังค่าของกราฟต่างๆ เร่มิ ท่ี • DESIGN ให้ท่านเลือกรูปแบบของกราฟท่ี ต้องการแสดง มีให้เลือกคือ กราฟเส้นโปรง่ กราฟเส้นทึบ กราฟแท่งและกราฟเส้น แล้ว เลือกสีเส้นกราฟท่ีชอบ • SOURCE ถ้าในโปรเจคท่านมีแค่ 1 บอร์ดก็ไม่ ต้องเลือกอะไร เพราะไม่มีบอร์ดอะไรให้เลือก อยู่แล้ว แต่ถ้าในโปรเจคท่านมีบอร์ดมากกว่า 1 บอร์ดต้องเลือกให้ถกู ตัวด้วยไม่เช่นนั้นกราฟจะ ไม่แสดงผลหรือแสดงผลผิดพลาด

ตัวอย่าง รายงานอุณหภมู ิและความช้ืนด้วย BLYNK APP • INPUT ให้เลือก V1 สาหรับค่าเปอร์เซ็นต์ ความช้ืน และ V2 สาหรับค่าอุณหภูมิ โดย ค่าท้ังสองนี้ได้มาจากการกาหนดใน Arduino SKTECH • Y-AXIS ให้เลือกเป็ น VALUES เพราะ ค่าที่ส่งมาจากบอรด์ ESP32 อยู่ในระหว่าง 0–100 อยู่แล้ว

ตัวอย่าง รายงานอุณหภมู ิและความช้ืนด้วย BLYNK APP • เสรจ็ แล้วมาเรมิ่ การทางานของ APP กัน ให้คลิกท่ีป่ มุ สามเหลี่ยม ท่านจะเห็นได้ว่ารูป สามเหลี่ยมจะเปล่ียนเป็ นรูปสี่เหลี่ยมแทน แล้วที่ป่ ุม Gauge มิเตอรจ์ ะแสดงค่า ความชื้นและอุณหภูมิให้เห็น และให้รอสัก พักจะเห็นกราฟเริม่ แสดง

งานติดต้ังระบบควบคุมอุปกรณ์ ไฟฟ้ าภายในบา้ นด้วย เทคโนโลยี INTERNET OF THINGS • การใช้ Blynk APP ควบคุมอุปกรณ์ นับว่าเป็ นทางเลือกที่ดีสาหรับนักพัฒนา IoT มันมี Widget มาให้พรอ้ มในเกือบทุก ด้าน ขนึ้ งานได้รวดเรว็ ลดเวลาการพัฒนา APP เอง ใช้งานได้ง่าย รองรับท้ัง Android , IOS และมี API ให้เอาไปต่อ ยอดพัฒนา ส่วนถ้าใครที่ต้องการนา Blynk APP เอาไปใช้งานจรงิ ๆ ทาง การค้า เช่นต้องการใส่ logo เพิ่มเติม ก็ สามารถติดต่อไปยัง Blynk ได้เพ่ือ Custom โปรแกรมตามท่ีต้องการ