1. จัดเตรียมอุปกรณ์ และเชื่อมต่อวงจร

2. ขั้นตอนบน Blynk Web

   1. สร้างบัญชี Blynk บนเว็บ (เฉพาะครั้งแรก)

   2. สร้าง Template ใหม่

      1. สร้าง Datastreams ใหม่ แบบ Virtual Pin

      2. สร้าง Web Dashboard เช่น ใส่ button เพื่อควบคุมการเปิดปิดหลอดไฟ

   3. สร้าง Device ใหม่ โดยเลือกจาก Template ที่สร้างไว้ (โดยจะได้ auth token ออกมาสำหรับ device ใหม่ที่สร้างขึ้นนี้)

3. ตั้งค่า Arduino IDE

   1. กำหนดค่า Preference สำหรับ IDE เพื่อใช้กับ ESP8266 ได้

   2. โหลด ESP8266 library จากใน Board Manager

   3. Include Blynk library (ด้วย ZIP file)

   4. Include ESP8266WiFi library (ด้วย ZIP file)

   5. สร้างไฟล์สคริปต์ ใน Arduino IDE โดยคัดลอกโค้ดตัวอย่างมา

   6. นำ Auth Token มาจาก Device ที่ได้สร้างไว้ใน Blynk Web มาใส่ในโค้ดโปรเจค

   7. ใส่ชื่อไวไฟ และ พาสเวิร์ด ในโค้ดโปรเจค

   8. อัพโหลดโค้ดโปรเจค ลงบอร์ด ESP8366

4. ตั้งค่า Blynk Mobile App

   1. download และติดตั้งแอพลงบนมือถือ

   2. login ด้วย user , password เดียวกับที่ใช้บน Blynk web

   3. เลือก Device ที่ได้สร้างไว้บน web

   4. Set up dashboard บนมือถือ โดยหยิบจาก Widget Box มาวาง เช่น ปุ่ม Button

      1. ตั้งค่าให้ปุ่ม Button และกำหนดให้ปุ่ม เชื่อมต่อกับ Datastream ที่ได้สร้างไว้บนเว็บ

จบ

ต่ออุปกรณ์ทั้งหมดเป็นวงจร

1. download แอพ Blynk IoT จาก Play Store หรือ Apps Store ลงในโทรศัพท์

2. เปิดแอพขขึ้นมา คลิก Login 

3. ใส่ email และ password ที่เราได้สร้างไว้ใน Blynk Web App ก่อนหน้านี้ 

4. จากนั้นเราจะพบ template ที่เราได้สร้างไว้เมื่อกี้นี้ 

5. คลิกที่ template นั้น และ กดปุ่ม Setup Dashboard

6. คลิกปุ่มเมนู (เส้นขวาง 3 เส้น) 

7. เลือก Button widget เพื่อวางใน dashboard

8. ปรับขนาดและตำแหน่งตามต้องการ ทำปุ่มให้ใหญ่หน่อย

9. จากนั้น คลิกที่ปุ่มที่เพิ่งใส่มา และตั้งชื่อว่า LED 

10. ไปที่ช่อง DATASTREAM แล้วเลือก LED

11. ที่ช่อง MODE ให้เลือก SWITCH

12. เท่านั้ Blynk web และ mobile app ก็พร้อมใช้งาน

1. ดาวน์โหลดไฟล์ zip ทั้งสองนี้ ลงในคอมพิวเตอร์ก่อน   blynk library        wifi library 

2. เปิดโปรแกรม Arduino IDE และสร้างไฟล์ใหม่

3. คลิกเมนู Sketch -> Include Library -> Add ZIP Library..

4. จากนั้น ไปเลือกไฟล์ ZIP ที่เราดาวน์โหลดไว้ทั้งสองไฟล์ จากในข้อ 1

5. คัดลอกโค้ดด้านล่างนี้ ไปวาง

/*New blynk app project

   http://srituhobby.com

*/

//Include the library files

#define BLYNK_PRINT Serial

#include <ESP8266WiFi.h>

#include <BlynkSimpleEsp8266.h>

#define BLYNK_AUTH_TOKEN "" //Enter your blynk auth token

char auth[] = BLYNK_AUTH_TOKEN;

char ssid[] = "";//Enter your WIFI name

char pass[] = "";//Enter your WIFI password

//Get the button value

BLYNK_WRITE(V0) {

  digitalWrite(D0, param.asInt());

}

void setup() {

  //Set the LED pin as an output pin

  pinMode(D0, OUTPUT);

  //Initialize the Blynk library

  Blynk.begin(auth, ssid, pass, "blynk.cloud", 80);

}

void loop() {

  //Run the Blynk library

  Blynk.run();

}

6. ถัดไป ให้กรอก Blynk auth token ที่อยู่ในเว็บแอปพลิเคชัน โดยไปที่เว็บแอพ Blynk ของเรา

7. คลิกที่ Device "First Project" และคลิกแทบ "Device info" 

8. และคัดลอกโทเค็นการตรวจสอบสิทธิ์ Blynk นำไปวางลงในโปรแกรม ตรงบรรทัด #define BLYNK_AUTH_TOKEN "" //Enter your blynk auth token โดยวางแทน "" ต้องมี "" ด้วย

9. นำชื่อของไวไฟที่ใช้เชื่อมต่อ มาใส่ในบรรทัด char ssid[ ]

10. นำรหัสเข้าไวไฟ มาใส่ในบรรทัด char pass[ ]

1. ที่เมนู Tools ให้เลือกบอร์ดของเรา 

2. และเลือก Port ที่บอร์ดเชื่อมต่ออยู่

3. กดปุ่ม upload ไฟล์ ลงบอร์ด

4. เมื่อ upload เสร็จ ไปที่ Blynk web และ mobile dashboard ให้ลอกกดปุ่ม แล้วดูว่า หลอดไฟสว่าง และ ดับไหม

reference : srituhobby.com/how-to-set-up-the-new-blynk-app-step-by-step-nodemcu-esp8266-with-blynk-app/