SENSORS/ACTUATORS

ESP8266 - Horloge OLED

Ce tutoriel vous explique comment créer une horloge OLED en utilisant ESP8266, un module RTC et un affichage OLED. Le tutoriel fournit des instructions pour les modules RTC DS3231 et DS1307. En détail :

ESP8266 obtient l'heure, la minute et la seconde à partir d'un module RTC DS3231 et les affiche sur un OLED.
ESP8266 obtient l'heure, la minute et la seconde à partir d'un module RTC DS1307 et les affiche sur un OLED.

Vous pouvez choisir entre deux modules RTC : DS3231 et DS1307. Pour plus d'informations, veuillez consulter DS3231 vs DS1307.

Préparation du matériel

1	×	ESP8266 NodeMCU
1	×	Micro USB Cable
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	×	(Optional) 5V Power Adapter for ESP8266
1	×	(Optional) ESP8266 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 d'OLED, des modules RTC DS3231 et DS1307

Si vous n'êtes pas familier avec les OLED, DS3231 et DS1307 (brochage, fonctionnalités, programmation...), les tutoriels suivants peuvent vous aider :

Installer les bibliothèques OLED et RTC

Cliquez sur l'icône Libraries dans la barre gauche de l'IDE Arduino.
Recherchez “SSD1306” et trouvez la bibliothèque SSD1306 d'Adafruit.
Ensuite, appuyez sur le bouton Install pour terminer l'installation.

Vous serez invité à installer des dépendances de bibliothèque supplémentaires.
Pour les installer toutes en une fois, cliquez sur le bouton Install All.

Bibliothèque de capteurs Adafruit GFX pour ESP8266 NodeMCU

Recherchez « RTClib » et localisez la bibliothèque RTC d'Adafruit. Cette bibliothèque est compatible avec les DS3231 et DS1307.
Appuyez sur le bouton Install pour installer la bibliothèque RTC.

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

Schéma de câblage

This image is created using Fritzing. Click to enlarge image

Voir plus dans l'agencement des broches de l'ESP8266 et comment alimenter l'ESP8266 et d'autres composants.

Code ESP8266 - DS3231 et OLED

/* * Ce code ESP8266 NodeMCU a été développé par newbiely.fr * Ce code ESP8266 NodeMCU 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/esp8266/esp8266-oled-clock */ #include <Wire.h> #include <Adafruit_GFX.h> #include <Adafruit_SSD1306.h> #include <RTClib.h> #define OLED_WIDTH 128 // OLED display width, in pixels #define OLED_HEIGHT 64 // OLED display height, in pixels Adafruit_SSD1306 oled(OLED_WIDTH, OLED_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(); oled_display_center(time); } void oled_display_center(String text) { int16_t x1; int16_t y1; uint16_t width; uint16_t height; oled.getTextBounds(text, 0, 0, &x1, &y1, &width, &height); // center the display both horizontally and vertically oled.clearDisplay(); // clear display oled.setCursor((OLED_WIDTH - width) / 2, (OLED_HEIGHT - height) / 2); oled.println(text); // text to display oled.display(); }

Étapes rapides

Pour commencer avec ESP8266 sur Arduino IDE, suivez ces étapes :

Consultez le tutoriel comment configurer l'environnement pour ESP8266 sur Arduino IDE si c'est la première fois que vous utilisez ESP8266.
Câblez les composants comme indiqué dans le schéma.
Connectez la carte ESP8266 à votre ordinateur à l'aide d'un câble USB.
Ouvrez Arduino IDE sur votre ordinateur.
Choisissez la bonne carte ESP8266, comme (par exemple NodeMCU 1.0 (Module ESP-12E)), et son port COM respectif.
Copiez le code et ouvrez-le avec Arduino IDE.
Cliquez sur le bouton Upload dans Arduino IDE pour envoyer le code à l'ESP8266.
Placez le capteur dans de l'eau chaude et froide, ou tenez-le dans votre main.
Consultez le résultat sur l'OLED.

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

Schéma de câblage

This image is created using Fritzing. Click to enlarge image

Code ESP8266 - DS1307 et OLED

/* * Ce code ESP8266 NodeMCU a été développé par newbiely.fr * Ce code ESP8266 NodeMCU 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/esp8266/esp8266-oled-clock */ #include <Wire.h> #include <Adafruit_GFX.h> #include <Adafruit_SSD1306.h> #include <RTClib.h> #define OLED_WIDTH 128 // OLED display width, in pixels #define OLED_HEIGHT 64 // OLED display height, in pixels Adafruit_SSD1306 oled(OLED_WIDTH, OLED_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(); oled_display_center(time); } void oled_display_center(String text) { int16_t x1; int16_t y1; uint16_t width; uint16_t height; oled.getTextBounds(text, 0, 0, &x1, &y1, &width, &height); // center the display both horizontally and vertically oled.clearDisplay(); // clear display oled.setCursor((OLED_WIDTH - width) / 2, (OLED_HEIGHT - height) / 2); oled.println(text); // text to display oled.display(); }

Étapes rapides

Câblez les composants comme indiqué dans le schéma.
Connectez la carte ESP8266 à votre ordinateur à l'aide d'un câble USB.
Ouvrez Arduino IDE sur votre ordinateur.
Choisissez la bonne carte ESP8266, telle que (par exemple NodeMCU 1.0 (Module ESP-12E)), et son port COM respectif.
Copiez le code et ouvrez-le dans Arduino IDE.
Cliquez sur le bouton Upload pour transférer le code vers l'ESP8266.
Placez le capteur dans de l'eau chaude et froide ou tenez-le dans votre main.
Consultez 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!