Google зургийн цаг: 7 алхам (зурагтай)

2024 Зохиолч: John Day | [email protected]. Хамгийн сүүлд өөрчлөгдсөн: 2024-01-30 11:01

Энэхүү зааварчилгаа нь ESP32 болон LCD дэлгэцийг ашиглан минут тутамд санамсаргүй байдлаар зураг харуулах дижитал цаг гаргахад зориулагдсан болно. Эдгээр зургуудыг Google -ийн хуваалцсан зургийн цомогоос авсан бөгөөд ESP32 хуваалцах линкийг оруулснаар энэ ажлыг хийх болно

Алхам 1: Тоног төхөөрөмжийн бэлтгэл

ӨМНӨХ ТӨСЛИЙН ТОНОГ ТӨХӨӨРӨМЖИЙГ ДАВААХ

Хэрэв та өмнөх зааварчилгаа өгсөн бол энэ төслийн тоног төхөөрөмжийг дахин ашиглах боломжтой бөгөөд тоног төхөөрөмжийн угсралтыг алгасаж болно.

• https://www.instructables.com/id/Floating-Display/
• https://www.instructables.com/id/COVID-19-WHO-Dash…

ESP8266/ESP32 хөгжүүлэгч самбар

Аливаа ESP8266/ESP32 хөгжүүлэгч самбар зүгээр байх ёстой.

LCD дэлгэц

Arduino_GFX дэмждэг LCD дэлгэц зүгээр, та одоогоор дэмжигдсэн дэлгэцийг GitHub readme дээрээс олж болно:

Талхны самбар

ESP Dev самбар болон LCD дэлгэцэнд тохирох бүх талхны самбар.

Холбогч утас

Зарим Jumper Wires нь хөгжүүлэгчдийн самбар болон LCD зүү байршлаас хамаарна. Ихэнх тохиолдолд эрэгтэй, эмэгтэй холбогч утас 6-9 байхад хангалттай.

Алхам 2: Тоног төхөөрөмжийн угсралт

ESP32 Dev самбарыг талхны самбар дээр дарж, холбогч утсаар LCD холбоно уу.

Холболтын хураангуйгийн жишээг энд харуулав.

ESP8266 -> LCD

Vcc -> Vcc

GND -> GND GPIO 15 -> CS GPIO 5 -> DC (боломжтой бол) RST -> RST GPIO 14 -> SCK GPIO 12 -> MISO (заавал биш) GPIO 4 -> LED (боломжтой бол) GPIO 13 -> MOSI / SDA

ESP32 -> LCD

Vcc -> Vcc

GND -> GND GPIO 5 -> CS GPIO 16 -> DC (боломжтой бол) GPIO 17 -> RST GPIO 18 -> SCK GPIO 19 -> MISO (заавал биш) GPIO 22 -> LED (боломжтой бол) GPIO 23 -> MOSI / SDA

Алхам 3: Програм хангамж бэлтгэх

Arduino IDE

Хэрэв та хараахан хийгээгүй байгаа бол Arduino IDE -г татаж аваад суулгаарай.

www.arduino.cc/en/main/software

ESP8266 дэмжлэг

Хэрэв та хараахан хийгээгүй байгаа бол ESP8266 дэмжлэгийг нэмэхийн тулд суулгах зааврыг дагана уу.

github.com/esp8266/Arduino

Arduino ESP8266 файлын систем байршуулагч

Хэрэв та хараахан хийгээгүй байгаа бол байршуулагч залгаасыг нэмэхийн тулд суулгах зааврыг дагана уу.

github.com/esp8266/arduino-esp8266fs-plugi…

ESP32 дэмжлэг

Хэрэв та хараахан хийгээгүй байгаа бол ESP32 дэмжлэгийг нэмэхийн тулд суулгах зааврыг дагана уу.

github.com/espressif/arduino-esp32

Arduino_GFX номын сан

Хамгийн сүүлийн үеийн Arduino_GFX номын санг татаж авах: ("Clone or Download" -> "ZIP татаж авах" товчийг дарна уу)

github.com/moononournation/Arduino_GFX

Arduino IDE дахь номын санг импортлох. (Arduino IDE "Sketch" цэс -> "Номын санг оруулах" -> ". ZIP номын сан нэмэх" -> татаж авсан ZIP файлыг сонгох)

Алхам 4: Тохируулах, байршуулах

1. Хөтөлбөрийг GitHub дээрээс татаж аваарай: ("Clone or Download" -> "ZIP татаж авах" товчийг дарна уу)
2. GooglePhotoClock.ino -г Arduino IDE ашиглан нээнэ үү
3. WiFi AP тохиргоогоо SSID_NAME болон SSID_PASSWORD дээр бөглөнө үү
4. Орон нутгийн цагийн бүсийн мэдээллийг GMT_OFFSET_SEC, DAYLIGHT_OFFSET_SEC болон TZ -д бөглөнө үү.
5. Google Зураг дээр хуваалцсан цомог бэлдэж, хуваалцах линк үүсгээд GOOGLE_PHOTO_SHARE_LINK -ийг бөглөнө үү.
6. Хэрэв та ILI9341 LCD -ийг ашиглахгүй байгаа бол 133 -р мөрийг тайлбарлаж, LCD ангиллын зөв мэдүүлгийг тайлна уу.
7. ESP Dev Board -ийг компьютерт холбоно уу
8. Програмыг хөрвүүлэх, ESP хөгжүүлэгчдийн самбарт байршуулахын тулд Upload товчийг дарна уу

Алхам 5: ESP8266 BearSSL CertStore

Google Зураг нь HTTPS дээр бүх холболтыг шаарддаг. ESP8266 нь BearSSL -ийг ашиглан хамгийн сүүлийн хувилбар бөгөөд CertStore -ийн өгөгдлийг урьдчилан боловсруулах шаардлагатай байдаг.

Би 2020 оны 4 -р сарын 18 -нд CertStore -ийн өгөгдлийг үүсгэсэн бөгөөд та үүнийг ажиллуулж сэргээнэ үү.

python make_spiffs.py

Хэрэв та ESP8266 ашиглаж байгаа бол CertStore өгөгдлийг байршуулахын тулд дараах алхмуудыг дагана уу.

1. Arduino IDE -ийг нээнэ үү
2. ESP8266 dev самбарыг компьютерт холбоно уу
3. Tools цэсийг сонгоно уу
4. ESP8266 Sketch Data Upload -ийг сонгоно уу
5. Байршуулалт дуусахыг хүлээнэ үү

Алхам 6: Энэ нь хэрхэн ажилладаг вэ?

1. Урьдчилан тодорхойлсон WiFi AP руу холбогдоно уу
2. NTP серверээс одоогийн цагийг авах
3. Google Зургийн хуваалцсан холбоосыг HTTPS хүсэлт болгоно уу
4. HTTPS хариултын код 302 бөгөөд хариултын толгой хэсэгт дахин чиглүүлэлтийн байршлыг оруулсан болно
5. Дахин чиглүүлэх байршлын HTTPS хүсэлтийг хийх
6. Javascript массиваас авсан зургийн жагсаалтыг HTML хэлбэрээр уншина уу (HTML нь 500 КБ -аас дээш хэмжээтэй, өгөгдлийг унших, хуваахад хэсэг хугацаа шаардагдана)
7. Бүр жижиг зүйл бүрийн хувьд зургийн жагсаалтаас зургийг санамсаргүй байдлаар сонгоно уу
8. Зөвхөн ESP8266 -ийн хувьд эхлээд SPIFFS дээр хадгалагдсан зургийн файлыг хайж үзээрэй
9. Гэрэл зургийн холбоос хийх HTTPS хүсэлт гаргах
10. Зөвхөн ESP8266 -ийн хувьд зургийн файлыг SPIFFS дээр кэшлээрэй
11. Зургийг харуулах
12. Зураг дээр одоогийн цагийг хэвлэ

Алхам 7: Сайхан амраарай

Хуваалцсан зургийн цомогт илүү дуртай зургуудыг нэмж, энэ Google зургийн цагийг ширээн дээрээ байрлуулах цаг болжээ.