ในตัวอย่างนี้จะเป็นการกำหนดค่าตัวแปรขึ้นมา 1 ตัว เพื่อแสดงผลบน Value Display จากนั้นก็จะใช้ Step H และ Step V เพื่อ เพื่อบวก หรือ ลบ ค่าตัวแปรนั้นออกไป แล้วก็นำไปโชว์แสดงผลอีกเช่นเดิม ว่าค่าเปลี่ยนไปเท่าไหร่แล้ว
ตัวอย่างส่งคำสั่งเพื่อเปลี่ยนแปลงค่า
Blynk.virtualWrite(V1, val);
การเปลี่ยนชื่อป้ายกำกับ
Blynk.setProperty(V1, "label", "My Stepper");
การเลื่อนค่าไปที่ละ 10 หน่วย
Blynk.setProperty(V1, "step", 10);
เปลี่ยนสี
//#D3435C - Blynk RED
Blynk.setProperty(V1, "color", "#D3435C");
สั่งให้คืนค่าจาก server มาที่ app กรณี ฮาร์ทแวร์ หลุด หรือมีการรีเซตไป
BLYNK_CONNECTED() {
Blynk.syncVirtual(V1);
}
BLYNK_WRITE(V1) {
int stepperValue = param.asInt();
}
การเพื่อและลดค่าด้วย Step H
#include <WiFi.h>
#include <WiFiClient.h>
#include <BlynkSimpleEsp32.h>
char auth[] = "53zNj0nDPaOiqf1bcycQ6AcUd9AqO7yY";
char server[] = "oasiskit.com";
char ssid[] = "eleceasy.com_2.4G";
char pass[] = "XXXXXX";
int port = 8080;
int stepperValue = 0;
BLYNK_WRITE(V1) {
stepperValue = param.asInt();
}
void setup(){
Serial.begin(112500);
WiFi.begin(ssid, pass); //เชื่อมต่อ WiFi
Blynk.config(auth, server, port); //กำหนด Token key , ชื่อ Server และ port
Blynk.connect(); //เชื่อมต่อไปยัง Blynk
}
void loop(){
Blynk.run();
Blynk.virtualWrite(V0, stepperValue);
}
ส่วนของการกำหนดค่า
#include <WiFi.h>
#include <WiFiClient.h>
#include <BlynkSimpleEsp32.h>
char auth[] = "53zNj0nDPaOiqf1bcycQ6AcUd9AqO7yY";
char server[] = "oasiskit.com";
char ssid[] = "eleceasy.com_2.4G";
char pass[] = "XXXXX";
int port = 8080;
int stepperValueH = 0;
int stepperValueV = 0;
int sumHV = 0;
BLYNK_WRITE(V1) {
stepperValueH = param.asInt();
}
BLYNK_WRITE(V2) {
stepperValueV = param.asInt();
}
BLYNK_CONNECTED() {
Blynk.virtualWrite(V1, 0);
Blynk.virtualWrite(V2, 0);
}
void setup(){
Serial.begin(112500);
WiFi.begin(ssid, pass); //เชื่อมต่อ WiFi
Blynk.config(auth, server, port); //กำหนด Token key , ชื่อ Server และ port
Blynk.connect(); //เชื่อมต่อไปยัง Blynk
}
void loop(){
Blynk.run();
Blynk.virtualWrite(V0, stepperValueH);
Blynk.virtualWrite(V3, stepperValueV);
sumHV = stepperValueH + stepperValueV;
Blynk.virtualWrite(V4, sumHV);
}
ตัวอย่างการตั้งค่า icon Step H and V เป็นเครื่องหมาย +/-
ใครอยากลองเล่นก็สามารถ copy app กับ code ไปเล่นกันได้เลยครับ