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}} | ||
− | |Introduction= | + | |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 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'''. | ||
+ | |||
+ | Vous pouvez bien évidemment utiliser '''votre propre serveur MQTT''' (la partie IFTT par contre ne marchera plus) | ||
}} | }} | ||
{{ {{tntn|Materials}} | {{ {{tntn|Materials}} | ||
− | |Material= | + | |Step_Picture_00=Afficher_une_image_sur_un_écran_ST7789_tft.png |
− | |Tools= | + | |Material=* ESP8266 |
+ | * ST7789 | ||
+ | * Câble Wrapping 30 AWG | ||
+ | |Tools=* Fer à souder | ||
+ | * Imprimante 3D | ||
+ | |Prerequisites={{ {{tntn|Prerequisites}} | ||
+ | |Prerequisites=Afficher une image sur un écran ST7789 | ||
+ | }} | ||
}} | }} | ||
{{ {{tntn|Separator}}}} | {{ {{tntn|Separator}}}} | ||
{{ {{tntn|Tuto Step}} | {{ {{tntn|Tuto Step}} | ||
− | |Step_Title= | + | |Step_Title=Fabriquer l'écran connecté |
− | |Step_Content= | + | |Step_Content=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 | ||
+ | |||
+ | [[Afficher une image sur un écran ST7789]] | ||
+ | |||
+ | <br /> | ||
+ | |Step_Picture_00=Afficher_une_image_sur_un_écran_ST7789_displayFinish.png | ||
+ | }} | ||
+ | {{ {{tntn|Tuto Step}} | ||
+ | |Step_Title=Paramétrer Adafruit IO | ||
+ | |Step_Content=* Créer un compte sur Adafruit IO: https://io.adafruit.com/ | ||
+ | * Cliquer sur feed | ||
+ | * Cliquer sur Actions / Create a New Feed | ||
+ | * Dans Name mettez '''notifications''' | ||
+ | |Step_Picture_00=Mini_écran_connecté_adafruit_io.png | ||
}} | }} | ||
{{ {{tntn|Notes}} | {{ {{tntn|Notes}} |
Auteur Rémi Sarrailh (µsini) | Dernière modification 9/12/2019 par Clementflipo
iftt, mqtt, esp8266, st7789, tft, adafruit.io, iot Mini_écran_connecté_tft_iftt_wiki.png fr none Creation 0
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é.
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.
Afin de simplifier la partie MQTT, nous allons utiliser Adafruit IO qui permet d'avoir un serveur MQTT gratuitement.
Vous pouvez bien évidemment utiliser votre propre serveur MQTT (la partie IFTT par contre ne marchera plus)Suivez le tutoriel sur l'écran ST7789, avant toute chose,
En résumé,
Afficher une image sur un écran ST7789
Draft
Vous avez entré un nom de page invalide, avec un ou plusieurs caractères suivants :
< > @ ~ : * € £ ` + = / \ | [ ] { } ; ? #