Horloge ESP32 - OLED

Dans ce tutoriel, nous vous guiderons à travers le processus de création d'une horloge OLED en utilisant un ESP32 en couvrant les étapes suivantes :

Lecture de l'heure actuelle (heure, minute, seconde) à partir d'un module RTC DS3231 et affichage sur un OLED.
Lecture de l'heure actuelle (heure, minute, seconde) à partir d'un module RTC DS1307 et affichage sur un OLED.

Vous avez la flexibilité de choisir entre deux modules RTC : DS3231 et DS1307. Pour vous aider à prendre une décision éclairée, vous pouvez consulter la comparaison détaillée dans DS3231 vs DS1307.

Ce tutoriel fournira un guide complet pour implémenter une horloge OLED, présentant l'intégration de l'ESP32 avec le module RTC DS3231 ou DS1307 pour afficher des informations horaires précises sur un écran OLED.

Préparation du matériel

1	×	ESP-WROOM-32 Dev Module
1	×	USB Cable Type-C
1	×	SSD1306 I2C OLED Display 128x64
1	×	Real-Time Clock DS3231 Module
1	×	(Optional) Real-Time Clock DS1307 Module
1	×	CR2032 battery
1	×	Breadboard
1	×	Jumper Wires
1	×	(Recommended) ESP32 Screw Terminal Adapter

Or you can buy the following sensor kits:

1	×	DIYables Sensor Kit (30 sensors/displays)
1	×	DIYables Sensor Kit (18 sensors/displays)

Divulgation : Certains des liens fournis dans cette section sont des liens affiliés Amazon. Nous pouvons recevoir une commission pour tout achat effectué via ces liens, sans coût supplémentaire pour vous. Nous vous remercions de votre soutien.

À propos des modules OLED, DS3231 et DS1307 RTC

Non familiarisé avec les OLED, DS3231 et DS1307, y compris leurs brochages, fonctionnalités et programmation ? Explorez des tutoriels complets sur ces sujets ci-dessous :

Installez les bibliothèques OLED et RTC

Cliquez sur l'icône Libraries dans la barre de gauche de l'IDE Arduino.
Recherchez "SSD1306", puis trouvez la bibliothèque SSD1306 par Adafruit.
Cliquez sur le bouton Install pour installer la bibliothèque.

On vous demandera d'installer d'autres dépendances de bibliothèques.
Cliquez sur le bouton Install All pour installer toutes les dépendances des bibliothèques.

Bibliothèque de capteurs ESP32 Adafruit GFX

Recherchez « RTClib », puis trouvez la bibliothèque RTC d'Adafruit.
Cliquez sur le bouton Install pour installer la bibliothèque RTC.

Il se peut qu'on vous demande d'installer les dépendances de la bibliothèque.
Installez toutes les dépendances de la bibliothèque en cliquant sur le bouton Install All.

Lire l'heure depuis le module RTC DS3231 et l'afficher sur un OLED

Schéma de câblage

This image is created using Fritzing. Click to enlarge image

Si vous ne savez pas comment alimenter l'ESP32 et d'autres composants, vous pouvez trouver des conseils dans le tutoriel suivant : Comment alimenter l'ESP32.

Code ESP32 - DS3231 et OLED

/* * Ce code ESP32 a été développé par newbiely.fr * Ce code ESP32 est mis à disposition du public sans aucune restriction. * Pour des instructions complètes et des schémas de câblage, veuillez visiter: * https://newbiely.fr/tutorials/esp32/esp32-oled-clock */ #include <Wire.h> #include <Adafruit_GFX.h> #include <Adafruit_SSD1306.h> #include <RTClib.h> #define SCREEN_WIDTH 128 // OLED display width, in pixels #define SCREEN_HEIGHT 64 // OLED display height, in pixels Adafruit_SSD1306 oled(SCREEN_WIDTH, SCREEN_HEIGHT, &Wire, -1); // // create SSD1306 display object connected to I2C RTC_DS3231 rtc; String time; void setup() { Serial.begin(9600); // initialize OLED display with address 0x3C for 128x64 if (!oled.begin(SSD1306_SWITCHCAPVCC, 0x3C)) { Serial.println(F("SSD1306 allocation failed")); while (true); } delay(2000); // wait for initializing oled.clearDisplay(); // clear display oled.setTextSize(1); // text size oled.setTextColor(WHITE); // text color oled.setCursor(0, 10); // position to display // SETUP RTC MODULE if (! rtc.begin()) { Serial.println("Couldn't find RTC"); Serial.flush(); while (true); } // automatically sets the RTC to the date & time on PC this sketch was compiled rtc.adjust(DateTime(F(__DATE__), F(__TIME__))); time.reserve(10); // to avoid fragmenting memory when using String } void loop() { DateTime now = rtc.now(); time = ""; time += now.hour(); time += ':'; time += now.minute(); time += ':'; time += now.second(); oledDisplayCenter(time); } void oledDisplayCenter(String text) { int16_t x1; int16_t y1; uint16_t width; uint16_t height; oled.getTextBounds(text, 0, 0, &x1, &y1, &width, &height); // display on horizontal and vertical center oled.clearDisplay(); // clear display oled.setCursor((SCREEN_WIDTH - width) / 2, (SCREEN_HEIGHT - height) / 2); oled.println(text); // text to display oled.display(); }

Étapes rapides

Si c'est la première fois que vous utilisez ESP32, consultez comment configurer l'environnement pour ESP32 sur Arduino IDE.
Réalisez le câblage comme sur l'image ci-dessus.
Connectez la carte ESP32 à votre PC via un câble micro USB.
Ouvrez Arduino IDE sur votre PC.
Sélectionnez la bonne carte ESP32 (par exemple, ESP32 Dev Module) et le port COM.
Copiez le code ci-dessus et ouvrez-le avec Arduino IDE.
Cliquez sur le bouton Upload sur Arduino IDE pour télécharger le code sur ESP32.
Vérifiez le résultat sur l'OLED.

Lire l'heure depuis le module RTC DS1307 et l'afficher sur un OLED

Schéma de câblage

This image is created using Fritzing. Click to enlarge image

Code ESP32 - DS1307 et OLED

/* * Ce code ESP32 a été développé par newbiely.fr * Ce code ESP32 est mis à disposition du public sans aucune restriction. * Pour des instructions complètes et des schémas de câblage, veuillez visiter: * https://newbiely.fr/tutorials/esp32/esp32-oled-clock */ #include <Wire.h> #include <Adafruit_GFX.h> #include <Adafruit_SSD1306.h> #include <RTClib.h> #define SCREEN_WIDTH 128 // OLED display width, in pixels #define SCREEN_HEIGHT 64 // OLED display height, in pixels Adafruit_SSD1306 oled(SCREEN_WIDTH, SCREEN_HEIGHT, &Wire, -1); // // create SSD1306 display object connected to I2C RTC_DS1307 rtc; String time; void setup() { Serial.begin(9600); // initialize OLED display with address 0x3C for 128x64 if (!oled.begin(SSD1306_SWITCHCAPVCC, 0x3C)) { Serial.println(F("SSD1306 allocation failed")); while (true); } delay(2000); // wait for initializing oled.clearDisplay(); // clear display oled.setTextSize(1); // text size oled.setTextColor(WHITE); // text color oled.setCursor(0, 10); // position to display // SETUP RTC MODULE if (! rtc.begin()) { Serial.println("Couldn't find RTC"); Serial.flush(); while (true); } // automatically sets the RTC to the date & time on PC this sketch was compiled rtc.adjust(DateTime(F(__DATE__), F(__TIME__))); time.reserve(10); // to avoid fragmenting memory when using String } void loop() { DateTime now = rtc.now(); time = ""; time += now.hour(); time += ':'; time += now.minute(); time += ':'; time += now.second(); oledDisplayCenter(time); } void oledDisplayCenter(String text) { int16_t x1; int16_t y1; uint16_t width; uint16_t height; oled.getTextBounds(text, 0, 0, &x1, &y1, &width, &height); // display on horizontal and vertical center oled.clearDisplay(); // clear display oled.setCursor((SCREEN_WIDTH - width) / 2, (SCREEN_HEIGHT - height) / 2); oled.println(text); // text to display oled.display(); }

Étapes rapides

Si c'est la première fois que vous utilisez un ESP32, consultez comment configurer l'environnement pour ESP32 sur Arduino IDE.
Faites le câblage comme sur l'image ci-dessus.
Connectez la carte ESP32 à votre PC via un câble micro USB
Ouvrez Arduino IDE sur votre PC.
Sélectionnez la bonne carte ESP32 (par exemple, Module de développement ESP32) et le port COM.
Copiez le code ci-dessus et ouvrez-le avec Arduino IDE
Cliquez sur le bouton Upload sur Arduino IDE pour téléverser le code sur l'ESP32
Voir le résultat sur l'OLED

Vidéo

Tutoriels connexes

※ OUR MESSAGES

Please feel free to share the link of this tutorial. However, Please do not use our content on any other websites. We invested a lot of effort and time to create the content, please respect our work!