สารบัญ:

การผลักวันที่และเวลาไปที่แอป Blynk โดยใช้ Wemos D1 Mini Pro: 10 ขั้นตอน
การผลักวันที่และเวลาไปที่แอป Blynk โดยใช้ Wemos D1 Mini Pro: 10 ขั้นตอน

วีดีโอ: การผลักวันที่และเวลาไปที่แอป Blynk โดยใช้ Wemos D1 Mini Pro: 10 ขั้นตอน

วีดีโอ: การผลักวันที่และเวลาไปที่แอป Blynk โดยใช้ Wemos D1 Mini Pro: 10 ขั้นตอน
วีดีโอ: Wemos D1 Mini Installation Led Blink with Blynk App 2024, กรกฎาคม
Anonim
ผลักวันที่และเวลาไปที่แอพ Blynk โดยใช้ Wemos D1 Mini Pro
ผลักวันที่และเวลาไปที่แอพ Blynk โดยใช้ Wemos D1 Mini Pro

เราจะใช้ Wemos D1 Mini Pro เพื่อส่งเวลาและวันที่ไปยังแอป Blynk

คุณไม่จำเป็นต้องเชื่อมต่อส่วนประกอบใดๆ กับ Wemos D1 Mini Pro สำหรับกิจกรรมนี้

ขั้นตอนที่ 1: สร้างบัญชี Blynk

สร้างบัญชี Blynk
สร้างบัญชี Blynk

หลังจากที่คุณดาวน์โหลดแอป Blynk คุณจะต้องสร้างบัญชี Blynk ใหม่ บัญชีนี้แยกจากบัญชีที่ใช้สำหรับฟอรัม Blynk ในกรณีที่คุณมีอยู่แล้ว เราขอแนะนำให้ใช้ที่อยู่อีเมลจริงเพราะจะทำให้สิ่งต่างๆ ง่ายขึ้นในภายหลัง

เหตุใดฉันจึงต้องสร้างบัญชี จำเป็นต้องมีบัญชีเพื่อบันทึกโครงการของคุณและสามารถเข้าถึงได้จากอุปกรณ์หลายเครื่องจากทุกที่ นอกจากนี้ยังเป็นมาตรการรักษาความปลอดภัย คุณสามารถตั้งค่าเซิร์ฟเวอร์ Blynk ส่วนตัวของคุณเองได้เสมอ (ลิงก์ไปยังไซต์ภายนอก) ลิงก์ไปยังไซต์ภายนอก และควบคุมได้เต็มที่

ขั้นตอนที่ 2: สร้างโครงการใหม่

สร้างโครงการใหม่
สร้างโครงการใหม่

หลังจากที่คุณลงชื่อเข้าใช้บัญชีสำเร็จแล้ว ให้เริ่มต้นด้วยการสร้างโครงการใหม่

ขั้นตอนที่ 3: ชื่อ/บอร์ด/การเชื่อมต่อ

ชื่อ/บอร์ด/คอนเนคชั่น
ชื่อ/บอร์ด/คอนเนคชั่น

ตั้งชื่อและเลือกบอร์ดที่เหมาะสม (Wemos D1 Mini) ตอนนี้คลิกสร้าง

ขั้นตอนที่ 4: รหัสรับรองความถูกต้อง

รหัสยืนยัน
รหัสยืนยัน

โทเค็นการตรวจสอบสิทธิ์ของคุณจะถูกส่งถึงคุณทางอีเมล และคุณจะสามารถเข้าถึงได้ในการตั้งค่าของโปรเจ็กต์ของคุณ หมายเลขใหม่จะถูกสร้างขึ้นสำหรับแต่ละโครงการที่คุณสร้าง

ขั้นตอนที่ 5: เลือกวิดเจ็ต

เลือกวิดเจ็ต
เลือกวิดเจ็ต
เลือกวิดเจ็ต
เลือกวิดเจ็ต

เพิ่มวิดเจ็ต

พื้นที่โปรเจ็กต์ของคุณว่างเปล่า มาเพิ่มวิดเจ็ต 3 ตัว - วิดเจ็ตแสดงค่าสองรายการและวิดเจ็ตนาฬิกาแบบเรียลไทม์หนึ่งรายการ แตะที่ใดก็ได้บนผืนผ้าใบเพื่อเปิดกล่องวิดเจ็ต วิดเจ็ตที่มีทั้งหมดอยู่ที่นี่

ขั้นตอนที่ 6: การตั้งค่าวิดเจ็ต

การตั้งค่าวิดเจ็ต
การตั้งค่าวิดเจ็ต
การตั้งค่าวิดเจ็ต
การตั้งค่าวิดเจ็ต
การตั้งค่าวิดเจ็ต
การตั้งค่าวิดเจ็ต

Drag-n-Drop - แตะวิดเจ็ตค้างไว้เพื่อลากไปยังตำแหน่งใหม่

การตั้งค่าวิดเจ็ต - วิดเจ็ตแต่ละตัวมีการตั้งค่าของตัวเอง แตะที่วิดเจ็ตเพื่อเข้าถึง ตั้งค่าด้วยการตั้งค่าต่อไปนี้

หมายเหตุ: เลือกเขตเวลาของคุณ

ขั้นตอนที่ 7: เรียกใช้โครงการ

ดำเนินโครงการ
ดำเนินโครงการ

เมื่อคุณตั้งค่าเสร็จแล้ว - กดปุ่ม PLAY สิ่งนี้จะเปลี่ยนคุณจากโหมดแก้ไขเป็นโหมด PLAY ซึ่งคุณสามารถโต้ตอบกับฮาร์ดแวร์ได้ ขณะที่อยู่ในโหมด PLAY คุณจะไม่สามารถลากหรือตั้งค่าวิดเจ็ตใหม่ได้ ให้กด STOP และกลับสู่โหมดแก้ไข คุณจะได้รับข้อความว่า “Arduino UNO is offline” เราจะจัดการกับสิ่งนั้นในหัวข้อถัดไป

ขั้นตอนที่ 8: รหัส Arduino

รหัส Arduino
รหัส Arduino

ตอนนี้ มาดูตัวอย่างภาพสเก็ตช์สำหรับ Wemos D1 Mini Pro สังเกตว่ามีองค์ประกอบหลักสามประการที่คุณจะต้องรวมไว้:

1. char auth = ""; เฉพาะสำหรับโครงการของคุณ (แอพ Blynk)

2. ถ่าน ssid = ""; เฉพาะกับเครือข่ายที่เรากำลังเชื่อมต่อ (ชื่อเครือข่าย) คุณสามารถ "ฮอตสปอต" จากโทรศัพท์ของคุณได้เช่นกัน

3. ถ่านผ่าน = ""; เฉพาะสำหรับเครือข่ายที่เรากำลังเชื่อมต่อ (รหัสผ่าน)

รหัส

#define BLYNK_PRINT ซีเรียล

#รวม #รวม #รวม

#รวม

// คุณควรได้รับ Auth Token ในแอป Blynk // ไปที่การตั้งค่าโครงการ (ไอคอนน็อต) char auth = ""; // ข้อมูลรับรอง WiFi ของคุณ // ตั้งรหัสผ่านเป็น "" สำหรับเครือข่ายที่เปิดอยู่ ถ่าน ssid = ""; ถ่านผ่าน = ""; ตัวจับเวลา BlynkTimer; WidgetRTC rtc; สตริงปัจจุบันเวลา; สตริงวันที่ปัจจุบัน; การตั้งค่าเป็นโมฆะ () {// คอนโซลดีบัก Serial.begin (9600); //pinMode(LED, เอาต์พุต); Blynk.begin(รับรองความถูกต้อง, ssid, ผ่าน); // เริ่มการซิงโครไนซ์เวลา rtc.begin(); // แสดงนาฬิกาดิจิตอลทุกๆ 10 วินาที timer.setInterval (10000L, clockDisplay); } วงเป็นโมฆะ () { Blynk.run(); timer.run(); } โมฆะ clockDisplay () { // คุณสามารถเรียกชั่วโมง (), นาที (), … ได้ตลอดเวลา // โปรดดูตัวอย่างห้องสมุดเวลาสำหรับรายละเอียด currentTime = String (ชั่วโมง ()) + ":" + นาที () + ":" + วินาที (); currentDate = String(วัน()) + " " + เดือน () + " " + ปี (); Serial.print("เวลาปัจจุบัน: "); Serial.print (เวลาปัจจุบัน); Serial.print(""); Serial.print (วันที่ปัจจุบัน); Serial.println(); // ส่งเวลาไปที่ App Blynk.virtualWrite (V1, currentTime); // ส่งวันที่ไปยัง App Blynk.virtualWrite (V2, currentDate); }

ขั้นตอนที่ 9: ตรวจสอบแอปเพื่อดูผลลัพธ์

ตรวจสอบแอปเพื่อดูผลลัพธ์
ตรวจสอบแอปเพื่อดูผลลัพธ์

กลับไปที่แอพ Blynk และตรวจสอบ diplay ของคุณ คุณควรเห็นวันที่ & เวลาปัจจุบัน

หมายเหตุ: ฉันตั้งเวลาให้อัปเดตทุก 10 วินาที

ขั้นตอนที่ 10: วิดีโอ

หมายเหตุ: ฉันตั้งเวลาให้อัปเดตทุก 10 วินาที

แนะนำ: