Blynk Application Control LED - mrolarik/simple-iot GitHub Wiki

• เริ่มต้นด้วยการติดตั้ง Blynk Server เพื่อใช้งานส่วนตัว การติดตั้งสามารถอ่านเพิ่มเติมได้จากลิงก์ https://github.com/mrolarik/simple-iot/wiki/Blynk-Server
• จากนั้นติดตั้ง Application Blynk ลงบนโทรศัพท์มือถือ ซึ่งสามารถใช้งานได้ทั้งระบบ Android และ ios
• เมื่อติดตั้ง Application Blynk เสร็จเรียบร้อยให้ทำการต่อหลอด LED เข้ากับ NodeMCU ดังรูป
  โดย

* LED หลอดแรกต่อเข้ากับ GPIO 16 หรือ D0
* LED หลอดที่สองต่อกับ GPIO 05 หรือ D1
* LED (ขาสั้น) ต่อกับ Ground (GND) 

• ขั้นตอนต่อมาให้เปิด Application Blynk และทำการ Create New Account และกรอกข้อมูล e-mail และ password
  
• จากนั้นให้คลิกที่ปุ่มเพื่อเลือก Blynk Server ที่เราได้สร้างขึ้น
  
• เมื่อคลิกที่ปุ่ม จะปรากฎรูปภาพดังต่อไปนี้
• ขั้นตอนต่อมาให้เลือก Sever เป็น CUSTOM และกรอกหมายเลข ip address ของ Blynk Server ที่ได้สร้างขึ้น
• สุดท้ายให้กดที่ปุ่ม Sign Up เป็นอันเสร็จสิ้นขั้นตอนการสมัครใช้ Application Blynk

• จากนั้นจะต้องสร้าง Project ไว้ใช้งาน จากตัวอย่างได้สร้าง Project ชื่อ cocobot
• และที่ DEVICES ให้คลิกเลือก Device ให้ถูกต้อง จากตัวอย่างใช้เลือกบอร์ด ESP8266
• จากนั้นให้เลือก Widget ที่ชื่อ Button มาวางไว้ที่ workspace จำนวน 2 ปุ่ม เพื่อใช้สำหรับควบคุมหลอด LED สองดวง
• ต่อมาให้คลิกเลือกที่ Widget Button และกำหนดขา GPIO ให้ถูกต้อง (จากตัวอย่างคือ GP16) โดยที่จะต้องกำหนดคือ Button แรก กำหนดเป็น GP16 และ Button ที่สอง กำหนดเป็น GP05
• เมื่อเชื่อมต่อ Application Blynk เข้ากับ Blynk Server ให้สังเกตที่คะแนน จะมีคะแนน 99xxx คะแนน ซึ่งทำให้สามารถเพิ่ม Widget ได้ไม่จำกัด

ในการทำงานของฝั่งโปรแกรมจะต้องใช้ Token ให้ตรงกับใน Appliation Blynk ดังนั้น ตรงที่ AUTH TOKENS ให้คลิกที่ Copy all เพื่อคัดลอก (Copy) Token ไปใช้งานต่อไป

จากนั้นให้เปิดโปรแกรม Arduino IDE และพิมพ์คำสั่งต่อไปนี้

#define BLYNK_PRINT Serial

#include <ESP8266WiFi.h>
#include <BlynkSimpleEsp8266.h>

char auth[] = "<your Blynk token>";

const char* ssid = "<your ssid name>";
const char* password = "<your password>";
const char* server = "<ip address>";
const int port = 8080;

void setup() {
  
  Serial.begin(115200);
  Blynk.begin(auth, ssid, password, server, port);
}

void loop() {  
  Blynk.run();
}

• ให้กำหนด auth, ssid, password, server ให้ถูกต้อง
• จากนั้นให้ verify หากไม่พบข้อผิดพลาดให้กดที่ปุ่ม upload เพื่อโหลดโปรแกรมลง NodeMCU

• ขั้นตอนต่อมาคือเปิด Application Blynk หากสามารถเชื่อมต่อไปยัง Blynk Server ได้จะปรากฏข้อความ online นั่นแสดงว่าสามารถเชื่อมต่อไปยัง Server ที่ได้สร้างขึ้นมาได้
• ทดสอบกดปุ่มควบคุมหลอดไฟ และสังเกตการทำงานของหลอดไฟ
• สุดท้าย ให้กลับไปดูที่เว็บบราวเซอร์ เพื่อดูการเปลี่ยนแปลงของ Server
• จากตัวอย่างแสดงให้เห็นจำนวนคนสมัครสมาชิกกับ Application Blynk เพื่อใช้งาน Blynk Server ที่เราสร้างขึ้นมา