Relógio de foto do Google: 7 etapas (com imagens)

2024 Autor: John Day | [email protected]. Última modificação: 2024-01-30 11:35

As tabelas de instruções mostram como usar um ESP32 e um LCD para fazer um relógio digital com exibição de fotos aleatórias em segundo plano a cada minuto. As fotos são provenientes de você compartilhou o Google Photo Album, basta inserir o link de compartilhamento que ESP32 fará o trabalho;>

Etapa 1: Preparação de Hardware

REUTILIZAR HARDWARE DE PROJETO ANTERIOR

Se você fez instruções anteriores, pode reutilizar o hardware para este projeto e pode pular a montagem do hardware:

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

ESP8266 / ESP32 Dev Board

Qualquer placa de desenvolvimento ESP8266 / ESP32 deve estar ok.

Tela de LCD

Qualquer LCD compatível com Arduino_GFX está ok, você pode encontrar a exibição atualmente compatível no leiame do GitHub:

Tábua de pão

Qualquer placa de ensaio que se encaixe no ESP Dev Board e no visor LCD.

Jumper Wire

Alguns cabos de ligação dependem da placa de desenvolvimento e do layout dos pinos do LCD. Na maioria dos casos, fios de jumper 6-9 macho para fêmea são suficientes.

Etapa 2: Montagem de Hardware

Empurre o ESP32 Dev Board na placa de ensaio e conecte o LCD com os fios de jumper.

Aqui está o exemplo de resumo de conexão:

ESP8266 -> LCD

Vcc -> Vcc

GND -> GND GPIO 15 -> CS GPIO 5 -> DC (se disponível) RST -> RST GPIO 14 -> SCK GPIO 12 -> MISO (opcional) GPIO 4 -> LED (se disponível) GPIO 13 -> MOSI / SDA

ESP32 -> LCD

Vcc -> Vcc

GND -> GND GPIO 5 -> CS GPIO 16 -> DC (se disponível) GPIO 17 -> RST GPIO 18 -> SCK GPIO 19 -> MISO (opcional) GPIO 22 -> LED (se disponível) GPIO 23 -> MOSI / SDA

Etapa 3: Preparação do software

IDE Arduino

Baixe e instale o Arduino IDE se ainda não o fez:

www.arduino.cc/en/main/software

Suporte ESP8266

Siga as instruções de instalação para adicionar suporte ESP8266 se você ainda não o fez:

github.com/esp8266/Arduino

Carregador de sistema de arquivos Arduino ESP8266

Siga as instruções de instalação para adicionar o plugin do uploader, caso ainda não o tenha feito:

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

Suporte ESP32

Siga as instruções de instalação para adicionar suporte ESP32 se você ainda não o fez:

github.com/espressif/arduino-esp32

Biblioteca Arduino_GFX

Baixe as bibliotecas Arduino_GFX mais recentes: (pressione "Clonar ou Baixar" -> "Baixar o ZIP")

github.com/moononournation/Arduino_GFX

Importe bibliotecas no Arduino IDE. (Menu "Sketch" do IDE do Arduino -> "Incluir Biblioteca" -> "Adicionar Biblioteca. ZIP" -> selecione o arquivo ZIP baixado)

Etapa 4: configuração e upload

1. Baixe o programa no GitHub: (pressione "Clonar ou Baixar" -> "Baixar ZIP")
2. Abra GooglePhotoClock.ino com Arduino IDE
3. Preencha suas configurações de WiFi AP em SSID_NAME e SSID_PASSWORD
4. Preencha as informações de fuso horário local para GMT_OFFSET_SEC, DAYLIGHT_OFFSET_SEC e TZ
5. Prepare um álbum compartilhado no Google Photo, crie um link de compartilhamento e preencha o GOOGLE_PHOTO_SHARE_LINK
6. Se você não estiver usando ILI9341 LCD, comente a linha 133 e descomente a declaração de classe de LCD correta
7. Conecte o ESP Dev Board ao computador
8. Pressione o botão Upload para compilar e enviar o programa para o ESP Dev Board

Etapa 5: ESP8266 BearSSL CertStore

O Google Photo requer todas as conexões em HTTPS. A versão mais recente do ESP8266 usa a implementação BearSSL e requer algum pré-processamento nos dados do CertStore.

Eu gerei dados do CertStore em 18 de abril de 2020, você pode regenerá-los executando:

python make_spiffs.py

Se você estiver usando o ESP8266, siga as etapas para fazer upload dos dados do CertStore:

1. Abra o IDE Arduino
2. Conecte a placa dev ESP8266 ao computador
3. Selecione o menu Ferramentas
4. Selecione ESP8266 Sketch Data Upload
5. Aguarde o upload terminar

Etapa 6: Como isso funciona?

1. Conecte-se a um WiFi AP predefinido
2. Obtenha a hora atual do servidor NTP
3. Faça a solicitação HTTPS do link compartilhado do Google Photo
4. Código de resposta HTTPS 302 e incluiu um local de redirecionamento no cabeçalho de resposta
5. Faça a solicitação HTTPS do local de redirecionamento
6. Leia a lista de fotos da matriz Javascript no HTML de resposta (o HTML tem mais de 500 KB, é necessário algum tempo para ler e dividir os dados)
7. Para cada minuto, selecione aleatoriamente uma foto na lista de fotos
8. Apenas para ESP8266, tente primeiro encontrar o arquivo de foto em cache no SPIFFS
9. Faça uma solicitação HTTPS de link de foto
10. Apenas para ESP8266, armazene em cache o arquivo de foto em SPIFFS
11. Mostra a foto
12. Imprimir a hora atual na foto

Etapa 7: Divirta-se

É hora de adicionar mais fotos favoritas ao álbum de fotos compartilhado e colocar este relógio de fotos do Google em sua mesa.