| Ligne 1 : | Ligne 1 : | ||
{{ {{tntn|Tuto Details}} | {{ {{tntn|Tuto Details}} | ||
| + | |SourceLanguage=none | ||
| + | |Language=fr | ||
| + | |IsTranslation=0 | ||
|Main_Picture=Mini_écran_connecté_tft_iftt_wiki.png | |Main_Picture=Mini_écran_connecté_tft_iftt_wiki.png | ||
|Licences=Attribution (CC BY) | |Licences=Attribution (CC BY) | ||
| Ligne 11 : | Ligne 14 : | ||
|Currency=EUR (€) | |Currency=EUR (€) | ||
|Tags=iftt, mqtt, esp8266, st7789, tft, adafruit.io, iot | |Tags=iftt, mqtt, esp8266, st7789, tft, adafruit.io, iot | ||
| − | |||
| − | |||
| − | |||
}} | }} | ||
{{ {{tntn|Introduction}} | {{ {{tntn|Introduction}} | ||
| Ligne 25 : | Ligne 25 : | ||
*Afin d'éviter les attaques MITM (man in the middle), nous allons vérifier l'identité du serveur MQTT à l'aide de son certificat. | *Afin d'éviter les attaques MITM (man in the middle), nous allons vérifier l'identité du serveur MQTT à l'aide de son certificat. | ||
| − | A partir de là nous pouvons même utiliser IFTT (ou tasker) afin de transmettre des informations du web ou de notre téléphone sur le serveur MQTT. | + | A partir de là nous pouvons même utiliser '''IFTT''' (ou '''tasker''') afin de transmettre des informations du '''web''' / de notre '''installation domotique''' ou de notre '''téléphone''' sur le serveur MQTT. |
Afin de simplifier la partie MQTT, nous allons utiliser '''Adafruit IO''' qui permet d'avoir un '''serveur MQTT gratuitement'''. | Afin de simplifier la partie MQTT, nous allons utiliser '''Adafruit IO''' qui permet d'avoir un '''serveur MQTT gratuitement'''. | ||
| − | Vous pouvez bien évidemment utiliser | + | {{Info|Vous pouvez bien évidemment utiliser votre propre serveur MQTT (la partie IFTT par contre ne marchera plus)}}<br /> |
}} | }} | ||
{{ {{tntn|Materials}} | {{ {{tntn|Materials}} | ||
| Ligne 51 : | Ligne 51 : | ||
*il faut installer la '''bibliothèque tft_espi''' | *il faut installer la '''bibliothèque tft_espi''' | ||
*Changer le fichier '''User_Setup.h''' directement dans la bibliothèque | *Changer le fichier '''User_Setup.h''' directement dans la bibliothèque | ||
| + | *Reliez l'écran à l'esp8266 | ||
[[Afficher une image sur un écran ST7789]] | [[Afficher une image sur un écran ST7789]] | ||
| Ligne 67 : | Ligne 68 : | ||
{{ {{tntn|Tuto Step}} | {{ {{tntn|Tuto Step}} | ||
|Step_Title=Paramétrer les identifiants | |Step_Title=Paramétrer les identifiants | ||
| − | |Step_Content=Télécharger le croquis ici : | + | |Step_Content=Tout d'abord il nous faut '''récupérer le programme''' |
| + | |||
| + | *Télécharger le croquis ici : https://github.com/maditnerd/st7789_mqtt | ||
| + | *Il nous faut aussi la bibliothèque : '''Adafruit_MQTT''' | ||
| + | |||
| + | Cette bibliothèque va nous permettre de communiquer avec notre '''serveur MQTT'''. | ||
| + | |||
| + | Dans le programme il y a un fichier '''arduino_secrets.h''', c'est ici que nous allons stocker nos identifiants pour le '''Wi-Fi''' et le '''serveur MQTT''' | ||
| + | |||
| + | Les identifiants sur Adafruit IO se trouve en cliquant sur '''View AIO Key''' | ||
| + | |||
| + | *Dans '''HOME_SSID''' mettez le nom de votre réseau WI-FI | ||
| + | *Dans '''HOME_PASS''' mettez le mot de passe de votre réseau WI-FI | ||
| + | *Dans '''ADAFRUIT_MQTT_USERNAME''' mettez le '''Username''' d'adafruit IO | ||
| + | *Dans '''ADAFRUIT_MQTT_PASS''' mettez l''''Active Key''' d'adafruit IO | ||
| + | |||
| + | Téléverser le croquis pour tester si tout marche bien. | ||
| + | |||
| + | Normalement vous devriez arriver jusqu'à l'écran '''Notifications''' | ||
| + | |||
| + | {{Info|Vous pouvez vérifier sur le moniteur série (Baudrate : 115200) s'il y a un problème.}} | ||
<br /> | <br /> | ||
| + | |Step_Picture_00=Mini_écran_connecté_arduino_secrets.png | ||
| + | |Step_Picture_01=Mini_écran_connecté_adafruit_io_key.png | ||
}} | }} | ||
{{ {{tntn|Notes}} | {{ {{tntn|Notes}} | ||
Version du 30 mars 2019 à 17:42
Nous allons voir comment afficher des messages depuis un serveur MQTT sur un écran TFT.
Difficulté
Moyen
Durée
1 heure(s)
Catégories
Électronique, Maison
Coût
7 EUR (€)
Introduction
Précédemment, nous avons vu comment afficher une image sur un ST7789, un écran TFT à 3€. ( Afficher une image sur un écran ST7789 )
Nous allons exploiter cette connaissance pour faire un mini écran connecté.
- Cette écran va afficher les messages reçu depuis un serveur MQTT
- Les messages peuvent contenir des caractères accentués
- La transmission sera chiffré
- Afin d'éviter les attaques MITM (man in the middle), nous allons vérifier l'identité du serveur MQTT à l'aide de son certificat.
A partir de là nous pouvons même utiliser IFTT (ou tasker) afin de transmettre des informations du web / de notre installation domotique ou de notre téléphone sur le serveur MQTT.
Afin de simplifier la partie MQTT, nous allons utiliser Adafruit IO qui permet d'avoir un serveur MQTT gratuitement.
Matériaux
- ESP8266
- ST7789
- Câble Wrapping 30 AWG
Outils
- Fer à souder
- Imprimante 3D
Étape 1 - Fabriquer l'écran connecté
Suivez le tutoriel sur l'écran ST7789, avant toute chose,
En résumé,
- il faut installer la bibliothèque tft_espi
- Changer le fichier User_Setup.h directement dans la bibliothèque
- Reliez l'écran à l'esp8266
Afficher une image sur un écran ST7789
Étape 2 - Paramétrer Adafruit IO
- Créer un compte sur Adafruit IO: https://io.adafruit.com/
- Cliquer sur Feeds
- Cliquer sur Actions / Create a New Feed
- Dans Name mettez notifications
Étape 3 - Paramétrer les identifiants
Tout d'abord il nous faut récupérer le programme
- Télécharger le croquis ici : https://github.com/maditnerd/st7789_mqtt
- Il nous faut aussi la bibliothèque : Adafruit_MQTT
Cette bibliothèque va nous permettre de communiquer avec notre serveur MQTT.
Dans le programme il y a un fichier arduino_secrets.h, c'est ici que nous allons stocker nos identifiants pour le Wi-Fi et le serveur MQTT
Les identifiants sur Adafruit IO se trouve en cliquant sur View AIO Key
- Dans HOME_SSID mettez le nom de votre réseau WI-FI
- Dans HOME_PASS mettez le mot de passe de votre réseau WI-FI
- Dans ADAFRUIT_MQTT_USERNAME mettez le Username d'adafruit IO
- Dans ADAFRUIT_MQTT_PASS mettez l'Active Key d'adafruit IO
Téléverser le croquis pour tester si tout marche bien.
Normalement vous devriez arriver jusqu'à l'écran Notifications
Draft
Français
English
Deutsch
Español
Italiano
Português