รับเวลาและวันที่จากอินเทอร์เน็ต - บทช่วยสอน: 9 ขั้นตอน

2024 ผู้เขียน: John Day | [email protected]. แก้ไขล่าสุด: 2024-01-30 13:04

ในบทช่วยสอนนี้ เราจะเรียนรู้วิธีรับวันที่และเวลาจากเซิร์ฟเวอร์ NIST TIME โดยใช้ M5Stack StickC และ Visuino

ดูวิดีโอสาธิต

ขั้นตอนที่ 1: สิ่งที่คุณต้องการ

M5StickC ESP32: คุณสามารถรับได้ที่นี่

โปรแกรม Visuino: ดาวน์โหลด Visuino

หมายเหตุ: ตรวจสอบบทช่วยสอนนี้ที่นี่เกี่ยวกับวิธีติดตั้งบอร์ด StickC ESP32

ขั้นตอนที่ 2: เริ่ม Visuino และเลือก M5 Stack Stick C Board Type

เริ่ม Visuino ดังรูปแรก คลิกที่ปุ่ม "Tools" บนส่วนประกอบ Arduino (ภาพที่ 1) ใน Visuino เมื่อกล่องโต้ตอบปรากฏขึ้น ให้เลือก "M5 Stack Stick C" ดังแสดงในภาพที่ 2

ขั้นตอนที่ 3: ใน Visuino ตั้งค่า StickC Board

คลิกที่บอร์ด "M5 Stack Stick C" เพื่อเลือก

ในหน้าต่าง "คุณสมบัติ" เลือก "โมดูล" และคลิก "+" เพื่อขยาย

เลือก "แสดง ST7735" และคลิก "+" เพื่อขยาย ตั้งค่า "การวางแนว" เป็น "goRight"

ตั้งค่า "สีพื้นหลัง" เป็น "ClBlack" เลือก "องค์ประกอบ" แล้วคลิกปุ่มสีน้ำเงินที่มีจุด 3 จุด…

Elements Dialog จะแสดง

ในกล่องโต้ตอบ Elements ให้ขยาย "Text" ทางด้านขวาแล้วลาก "Draw Text" แล้วลาก "Text Field" 2X จากด้านขวาไปทางซ้าย

• เลือกข้อความ "Draw Text1" ทางด้านซ้ายและในหน้าต่างคุณสมบัติตั้งค่าขนาดเป็น 2 สีเป็น aclLime และข้อความเป็น 'Date & Time'
• เลือก "Text Field1" ทางด้านซ้ายและในหน้าต่างคุณสมบัติตั้งค่าขนาดเป็น 2 สีเป็น aclAqua และ Y ถึง 10
• เลือก "Text Field2" ทางด้านซ้ายและในหน้าต่างคุณสมบัติตั้งค่าขนาดเป็น 2 และ Y ถึง 30

ขั้นตอนที่ 4: ตั้งค่า WiFi

คลิกที่บอร์ด "M5 Stack Stick C" เพื่อเลือก

ในหน้าต่าง "คุณสมบัติ" เลือก "โมดูล" และคลิก "+" เพื่อขยาย "WiFi" และคลิก "+" เพื่อขยาย เลือก "เชื่อมต่อกับจุดเชื่อมต่อ" และคลิกที่ปุ่ม (จุด 3 จุด)

ในหน้าต่าง "AccessPoints" ให้ลาก "WiFi Access Point" ไปทางด้านซ้าย

จากนั้นทางด้านซ้ายเลือก "Access Point1" และในหน้าต่างคุณสมบัติ set

• ใต้ "SSID" ให้ใส่ชื่อเครือข่าย WiFi ของคุณ
• ใต้ "รหัสผ่าน" ใส่รหัสผ่านการเข้าถึงสำหรับเครือข่าย WiFi ของคุณ

ในหน้าต่าง "Properties" เลือก "Modules" แล้วคลิก "+" เพื่อขยาย "WiFi" และคลิก "+" เพื่อขยาย >Sockets คลิกที่ปุ่ม […] เพื่อให้หน้าต่าง "Sockets" เปิดขึ้นลาก TCP Client จาก ขวาไปทางด้านซ้ายและภายใต้การตั้งค่าหน้าต่างคุณสมบัติ

• พอร์ต: 37 และ
• โฮสต์: time-b-g.nist.gov

ขั้นตอนที่ 5: ใน Visuino เพิ่มส่วนประกอบ

เพิ่มองค์ประกอบ "Pulse Generator"

เพิ่มองค์ประกอบ "Internet Time Protocol"

เพิ่ม 2X "ลบข้อความย่อยด้านขวา"

เพิ่ม 2X "ลบข้อความย่อยด้านซ้าย"

ขั้นตอนที่ 6: ใน Visuino Set Components

• เลือก "PulseGenerator1" และในหน้าต่างคุณสมบัติตั้งค่าความถี่เป็น0.1166667
• เลือก "DeleteRightText1" และในหน้าต่างคุณสมบัติตั้งค่าความยาวเป็น13
• เลือก "DeleteRightText2" และในหน้าต่างคุณสมบัติตั้งค่าความยาวเป็น5
• เลือก "DeleteLeftText2" และในหน้าต่างคุณสมบัติตั้งค่าความยาวเป็น12

ขั้นตอนที่ 7: ในส่วนประกอบ Visuino Connect

• เชื่อมต่อพิน "PulseGenerator1" [ออก] กับพิน "InternetTime1" [ใน]
• เชื่อมต่อพิน "InternetTime1" [ซ็อกเก็ต] กับ "M5 Stack Stick C" > พิน TCP Client1 [ใน]
• เชื่อมต่อพิน "InternetTime1" [ออก] กับพิน "DeleteRightText1" [ใน] และพิน "DeleteRightText2" [ใน]
• เชื่อมต่อพิน "DeleteRightText1" [ออก] กับพิน "DeleteLeftText1" [ใน]
• เชื่อมต่อพิน "DeleteRightText2" [ออก] กับพิน "DeleteLeftText2" [ใน]
• เชื่อมต่อพิน "DeleteLeftText1" [ออก] กับ "M5 Stack Stick C">แสดง ST7735>ฟิลด์ข้อความ1 พิน[ใน]
• เชื่อมต่อพิน "DeleteLeftText2" [ออก] กับ "M5 Stack Stick C">แสดง ST7735>ฟิลด์ข้อความ2 พิน[ใน]

ขั้นตอนที่ 8: สร้าง คอมไพล์ และอัปโหลดโค้ด Arduino

คลิกไอคอน Arduino บนแถบเครื่องมือ ซึ่งจะสร้างโค้ดและเปิด Arduino IDE ปุ่มข้างๆ จะคอมไพล์และส่งรหัสตรงไปยังเครื่อง คุณจะต้องเปิด IDE ในครั้งแรกเพื่อให้แน่ใจว่าพอร์ต COM ได้รับการตั้งค่าอย่างถูกต้อง หลังจากนั้น Arduino IDE จะบันทึกการตั้งค่าของคุณ

เมื่ออยู่ใน Arduino IDE ตรวจสอบให้แน่ใจว่าบอร์ด ความเร็ว และพอร์ตของคุณได้รับการตั้งค่าอย่างถูกต้อง คุณมักจะต้องตั้งค่าพอร์ต COM จากเมนูย่อย แต่ส่วนอื่นๆ ควรตั้งค่าโดยอัตโนมัติ หากคุณมีพอร์ต COM มากกว่าหนึ่งพอร์ต ลองถอด M5Stick ออก ดูและดูว่าพอร์ตใดเหลืออยู่ จากนั้นต่อ M5Stick อีกครั้งและดูว่าพอร์ตใดส่งคืน นั่นคือพอร์ต COM

จากนั้นคลิกอัปโหลด การดำเนินการนี้จะตรวจสอบ (รวบรวม) และอัปโหลด

ขั้นตอนที่ 9: เล่น

หากคุณจ่ายไฟให้กับโมดูล M5Sticks โมดูลจะเชื่อมต่อกับอินเทอร์เน็ตและหน้าจอควรเริ่มแสดงวันที่และเวลาจากเซิร์ฟเวอร์ NIST

. คุณยังสามารถทดลองกับเซิร์ฟเวอร์อื่นที่คุณสามารถหาได้ที่นี่

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