Line 142: | Line 142: | ||
<br /> | <br /> | ||
|Step_Picture_00=Mini_écran_connecté_ifttt.png | |Step_Picture_00=Mini_écran_connecté_ifttt.png | ||
+ | }} | ||
+ | {{ {{tntn|Tuto Step}} | ||
+ | |Step_Title=Cacher vos identifiants dans le logiciel Arduino | ||
+ | |Step_Content=Nous avons utiliser le fichier '''arduino_secrets.h''' qui est dans notre croquis pour '''sauvegarder nos identifiants'''. | ||
+ | |||
+ | Il vaut mieux éviter de faire cela car vous risquez de partager '''accidentellement vos mot de passes'''! | ||
+ | |||
+ | Une solution pour éviter ça et de créer une '''bibliothèque''' pour nos identifiants. | ||
+ | |||
+ | L'autre avantage c'est que nos identifiants seront '''accessible pour tous nos croquis''' ! | ||
+ | |||
+ | {{Info|1=C'est Andreas Spiesss qui a eu cette idée | ||
+ | https://www.youtube.com/watch?v=CAGQ8h8PKX4&t=347s}} | ||
+ | |||
+ | *Créer dans '''Documents/Arduino/libraries''' un dossier '''arduino_secrets''' | ||
+ | *Copier '''arduino_secrets.h''' dans ce dossier | ||
+ | |||
+ | Dans le croquis, changez l'include au début du code | ||
+ | |||
+ | <code>//#include "arduino_secrets.h" | ||
+ | |||
+ | include <arduino_secrets.h></code> | ||
+ | |Step_Picture_00=Mini_écran_connecté_arduino_secrets2.png | ||
}} | }} | ||
{{ {{tntn|Tuto Step}} | {{ {{tntn|Tuto Step}} | ||
Line 168: | Line 191: | ||
<br /> | <br /> | ||
+ | |Step_Picture_00=Mini_écran_connecté_adafruit_io2.png | ||
+ | |Step_Picture_01=Mini_écran_connecté_notifications.png | ||
+ | |Step_Picture_02=Mini_écran_connecté_wifi.png | ||
}} | }} | ||
{{ {{tntn|Tuto Step}} | {{ {{tntn|Tuto Step}} | ||
Line 174: | Line 200: | ||
− | En plus de changer les identifiants dans '''arduino_secrets.h''', il faut récupérer le certificat SSL de votre serveur. | + | En plus de changer les identifiants / le serveur / le port dans '''arduino_secrets.h''', il faut récupérer le certificat SSL de votre serveur. |
Pour cela il vous faut openssl, vous pouvez le télécharger ici (Windows) : https://slproweb.com/products/Win32OpenSSL.html | Pour cela il vous faut openssl, vous pouvez le télécharger ici (Windows) : https://slproweb.com/products/Win32OpenSSL.html | ||
Line 187: | Line 213: | ||
}} | }} | ||
{{ {{tntn|Notes}} | {{ {{tntn|Notes}} | ||
− | |Notes= | + | |Notes=Voilà ce tutoriel est fini, j'espère que cela vous donneras des idées pour faire des applications sympa avec. |
+ | |||
+ | Évidemment dans l'idéal | ||
+ | |||
+ | * Il faudrait pouvoir paramétrer notre écran depuis une interface web | ||
+ | * Éviter d'utiliser des images de la taille de l'écran quand ce n'est pas nécessaire | ||
+ | |||
+ | Mais cela devrait vous donner un bon point de départ. | ||
+ | |||
+ | Suivez moi sur twitter si vous voulez être au courant des prochains tutoriels en avance : https://twitter.com/m4dnerd | ||
}} | }} | ||
{{ {{tntn|Tuto Status}} | {{ {{tntn|Tuto Status}} | ||
|Complete=Draft | |Complete=Draft | ||
}} | }} |
Author Rémi Sarrailh (µsini) | Last edit 9/12/2019 by 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 / 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.
Suivez le tutoriel sur l'écran ST7789, avant toute chose,
En résumé,
Afficher une image sur un écran ST7789
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
Téléverser le croquis pour tester si tout marche bien.
Normalement vous devriez arriver jusqu'à l'écran Notifications
Adafruit IO nous permet de créer une donnée qui sera afficher sur l'écran.
IFTTT est un service qui permet d'automatiser des tâches, Adafruit IO est compatible avec celui-ci.
Nous allons voir comment afficher les notifications qu'un smartphone sur notre écran.
Aller sur votre téléphone, lancer IFTTT et autoriser l'accès aux notifications à IFTTT.
Nous avons utiliser le fichier arduino_secrets.h qui est dans notre croquis pour sauvegarder nos identifiants.
Il vaut mieux éviter de faire cela car vous risquez de partager accidentellement vos mot de passes!
Une solution pour éviter ça et de créer une bibliothèque pour nos identifiants.
L'autre avantage c'est que nos identifiants seront accessible pour tous nos croquis !
Dans le croquis, changez l'include au début du code
//#include "arduino_secrets.h"
include <arduino_secrets.h>
Si vous voulez changer les images affichés, elles sont sauvegardés dans bitmaps.h
Pour convertir vos images en code, suivez ce tutoriel
Afficher une image sur un écran ST7789
Les images en version vectoriel/png sont disponibles dans le dossier images
Pour afficher une image, il faut juste utiliser cette commande:
tft.pushImage(0,0,240,240,adafruit_io);
Pour écrire du texte sur plusieurs lignes, positionnez le texte puis écrivez le
tft.setCursor(0,50);
tft.println(data); //Print text
Vous pouvez aussi écrire une seule ligne avec cette commande
tft.drawString(HOME_SSID, 25, 20);
En plus de changer les identifiants / le serveur / le port dans arduino_secrets.h, il faut récupérer le certificat SSL de votre serveur.
Pour cela il vous faut openssl, vous pouvez le télécharger ici (Windows) : https://slproweb.com/products/Win32OpenSSL.html
Puis tapez cette commande (avec l'adresse de votre serveur mqtt)
openssl s_client -showcerts -connect io.adafruit.com:8883
Récupérer le dernier certificat affiché et copier le dans connection.h
Voilà ce tutoriel est fini, j'espère que cela vous donneras des idées pour faire des applications sympa avec.
Évidemment dans l'idéal
Mais cela devrait vous donner un bon point de départ.
Suivez moi sur twitter si vous voulez être au courant des prochains tutoriels en avance : https://twitter.com/m4dnerd
Draft
You entered an invalid page name, with one or many of the following characters :
< > @ ~ : * € £ ` + = / \ | [ ] { } ; ? #