Difference between revisions of "Mini écran connecté"

Line 1: Line 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)
Line 11: Line 14:
 
|Currency=EUR (€)
 
|Currency=EUR (€)
 
|Tags=iftt, mqtt, esp8266, st7789, tft, adafruit.io, iot
 
|Tags=iftt, mqtt, esp8266, st7789, tft, adafruit.io, iot
|SourceLanguage=none
 
|Language=fr
 
|IsTranslation=0
 
 
}}
 
}}
 
{{ {{tntn|Introduction}}
 
{{ {{tntn|Introduction}}
Line 25: Line 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 '''votre propre serveur MQTT''' (la partie IFTT par contre ne marchera plus)
+
{{Info|Vous pouvez bien évidemment utiliser votre propre serveur MQTT (la partie IFTT par contre ne marchera plus)}}<br />
 
}}
 
}}
 
{{ {{tntn|Materials}}
 
{{ {{tntn|Materials}}
Line 51: Line 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]]
Line 67: Line 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}}

Revision as of 17:42, 30 March 2019

Author avatarRémi Sarrailh (µsini) | Last edit 9/12/2019 by Clementflipo

Mini écran connecté tft iftt wiki.png
Nous allons voir comment afficher des messages depuis un serveur MQTT sur un écran TFT.
Difficulty
Medium
Duration
1 hour(s)
Categories
Electronics, House
Cost
7 EUR (€)
Other languages:
français
License : Attribution (CC BY)

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.

Vous pouvez bien évidemment utiliser votre propre serveur MQTT (la partie IFTT par contre ne marchera plus)

Materials

  • ESP8266
  • ST7789
  • Câble Wrapping 30 AWG

Tools

  • Fer à souder
  • Imprimante 3D

Step 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





Step 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




Step 3 - Paramétrer les identifiants

Tout d'abord il nous faut récupérer le programme

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

Vous pouvez vérifier sur le moniteur série (Baudrate : 115200) s'il y a un problème.




Comments

Draft