ESP8266 OLED - รับเวลาและวันที่จากอินเทอร์เน็ต: 8 ขั้นตอน

2025 ผู้เขียน: John Day | [email protected]. แก้ไขล่าสุด: 2025-01-23 15:12

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

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

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

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

ขั้นตอนที่ 2: เริ่ม Visuino และเลือก Arduino WeMos D1 Mini Board Type

ในการเริ่มต้นเขียนโปรแกรม Arduino คุณจะต้องติดตั้ง Arduino IDE จากที่นี่:

โปรดทราบว่ามีข้อบกพร่องที่สำคัญบางอย่างใน Arduino IDE 1.6.6 ตรวจสอบให้แน่ใจว่าคุณติดตั้ง 1.6.7 หรือสูงกว่า มิฉะนั้น Instructable นี้จะไม่ทำงาน! หากคุณยังไม่ได้ทำตามขั้นตอนในคำแนะนำนี้เพื่อตั้งค่า Arduino IDE เพื่อตั้งโปรแกรม WeMos D1 Mini! ต้องติดตั้ง Visuino: https://www.visuino.eu ด้วย เริ่ม Visuino ดังรูปแรก คลิกที่ปุ่ม "Tools" บนส่วนประกอบ Arduino (ภาพที่ 1) ใน Visuino เมื่อกล่องโต้ตอบปรากฏขึ้น ให้เลือก "WeMos D1 Mini" ดังแสดงในภาพที่ 2

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

• เลือก WeMos D1 Mini และในตัวแก้ไข Modules>WiFi>Access Points คลิกที่ปุ่ม […] เพื่อให้หน้าต่าง "Access points" ปรากฏขึ้น ในตัวแก้ไขนี้ให้ลากจุดเชื่อมต่อ WiFi ไปทางด้านซ้าย
• ในหน้าต่างคุณสมบัติ ภายใต้ "SSID" ให้ใส่ชื่อเครือข่าย WiFi ของคุณ
• ใต้ "รหัสผ่าน" ใส่รหัสผ่านการเข้าถึงสำหรับเครือข่าย WiFi ของคุณ
• ปิดหน้าต่าง "จุดเข้าใช้งาน"
• ทางด้านซ้ายในเอดิเตอร์ เลือก Modules>Wifi>Sockets คลิกที่ปุ่ม […] เพื่อให้หน้าต่าง "Sockets" เปิดขึ้น ลาก TCP/IP Client จากขวาไปด้านซ้าย จากนั้น ภายใต้ Properties ให้ตั้งค่าหน้าต่าง port: 37 และ host: time-ag.nist.gov
• ปิดหน้าต่าง "ซ็อกเก็ต"

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

• เพิ่มองค์ประกอบ "Pulse Generator"
• เพิ่มองค์ประกอบ "Internet Time Protocol"
• เพิ่ม 2X "ลบข้อความย่อยด้านขวา"
• เพิ่ม 2X "ลบข้อความย่อยด้านซ้าย"
• เพิ่มส่วนประกอบ "SSD1306/SH1106 OLED Display (I2C)"

ขั้นตอนที่ 5: ในส่วนประกอบชุด Visuino

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

Elements Dialog จะแสดง

• ในกล่องโต้ตอบ Elements ให้ขยาย "Text" ทางด้านขวาแล้วลาก "Draw Text" แล้วลาก "Text Field" 2X จากด้านขวาไปทางซ้าย
• ในกล่องโต้ตอบ Elements ให้ขยาย "Lines" ทางด้านขวาและลาก "Draw Line" จากด้านขวาไปด้านซ้าย
• เลือก "Draw Text1" ทางด้านซ้ายและในหน้าต่างคุณสมบัติ ให้ตั้งค่า "Text" เป็น 'Time&Date' (หรือข้อความอื่น) และตั้งค่าขนาดเป็น 2
• เลือก "Draw Line1" และในหน้าต่างคุณสมบัติตั้งค่า "Width" เป็น 120 และ "Y" เป็น 20
• เลือก "Text Field1" และในหน้าต่างคุณสมบัติตั้งค่า "Size" เป็น 2 และ "Y" เป็น25
• เลือก "Text Field2" และในหน้าต่างคุณสมบัติตั้งค่า "Size" เป็น 2 และ "Y" เป็น45

ปิดกล่องโต้ตอบองค์ประกอบ

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

• เชื่อมต่อพิน "PulseGenerator1" [ออก] กับพิน "InternetTime1" [ใน]
• เชื่อมต่อพิน "InternetTime1" [ซ็อกเก็ต] กับ "WeMos D1 Mini" > พิน TCP Client1 [ใน]
• เชื่อมต่อพิน "InternetTime1" [ออก] กับพิน "DeleteRightText1" [ใน] และพิน "DeleteRightText2" [ใน]
• เชื่อมต่อพิน "DeleteRightText1" [ออก] กับพิน "DeleteLeftText1" [ใน]
• เชื่อมต่อพิน "DeleteRightText2" [ออก] กับพิน "DeleteLeftText2" [ใน]
• เชื่อมต่อพิน "DeleteLeftText1" [ออก] กับ "DisplayOLED1">ฟิลด์ข้อความ1 พิน[ใน]
• เชื่อมต่อพิน "DeleteLeftText2" [ออก] กับ "DisplayOLED1">Text Field2 pin[In]

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

ใน Visuino ที่ด้านล่างให้คลิกแท็บ "บิลด์" ตรวจสอบให้แน่ใจว่าได้เลือกพอร์ตที่ถูกต้อง จากนั้นคลิกที่ปุ่ม "รวบรวม/สร้างและอัปโหลด"

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

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

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

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