HA Switch Plate installation et intégration à Home Assistant

Introduction

Je vais vous présenté un projet disponible sur GitHub: HA Switch Plate (de son petit nom HASP)
Il s’agit d’un projet qui a beaucoup de potentiel, que ça soit pour contrôler ou interagir avec votre installation domotique Home Assistant.
A l’origine le projet est construit autour d’un écran Nextion de 2.4″ mais pour un meilleur confort je me suis lancer avec un écran 3.5″.
Cet article sera découpé en trois parties Installation (software), Configuration et enfin la Mise en place (qui n’est pas encore fini chez moi)

Sans plus attendre voici comment faire

Mise à jour : 26/06/2020 – Temps de lecture / alisation : 23 / 60/90 min – Difficulté : Faible.

Prérequis, matériels nécessaires & utilisés :

Installation

Etapes 1a, flasher le wemos D1 mini :

Tout d’abord, nous allons nous occuper du flash du wemos avec le dernier firmware disponible sur le github

Téléchargements :

  • Le firmware qui est disponible ICI
  • NodeMCU Flasher: win32 ou win64

Ensuite, lancer NodeMCU Flasher, sur le deuxième onglet “config”, cliquer sur la roue crantée et rechercher le .bin téléchargé juste avant. Il faudra ensuite revenir sur le premier onglet “operation” et lancer le flash.

Etapes 1b Configuration du wemos D1 mini:

Donc, quand le flash est fini il vous suffira de vous connecter sur le wifi SSID “HASwitchPlate” avec le mot de passe “hasplate”
Vous pouvez aussi scanner ce QRcode

Puis cliquer sur le bouton Configure WiFi, sur cette nouvelle page, vous devez d’abord configurer votre wifi, le serveur MQTT, le node et pour finir le ota password

  • MQTT Serveur/Port/User/Password: les infos de votre Mosquitto broker
  • HASP node: c’est le nom du noeud
  • OTA password: c’est pour protéger l’accès à l’interface du wemos

Ensuite, cliquer sur save, celui-ci va se connecter à votre réseau wifi puis sur votre serveur MQTT

Etapes 2, flasher l’écran :

Cette partie est très simple, copiez le fichier “HASwitchPlate.tft” sur une carte micro SD (formaté en fat32) et insérer la ensuite dans le port sd du votre écran Nextion. Vous pouvez enfin alimenter votre nextion et flash vas se lancer automatiquement. A la fin du flash, débrancher simplement l’écran et retirer ensuite la carte sd.
/!Prenez le fichier en fonction de la taille de votre écran si non vous allez avoir une erreur à cette étape.

Etapes 3, le branchement :

Quand votre wemos et votre écran sont près il vous suffit de les connecter en suivant ces branchements :

Pin du Wemos Câble de l’écran
5V rouge
GND noir
D7 bleu
D jaune

Vous pouvez enfin alimenter votre wemos et normalement si vos branchements sont correct vous pouvez voir que votre qu’il se connecte au wifi et à votre serveur mqtt.

Etapes 4, integration dans Home assistant:

Nous y sommes… enfin presque 😉 vous devez maintenant lancer “terminal & ssh” depuis l’add-on store de Home Assistant
Il vous suffira ensuite de copier/coller cette commande et de l’exécuter :

bash <(wget -qO- -o /dev/null https://raw.githubusercontent.com/aderusha/HASwitchPlate/master/Home_Assistant/deployhasp.sh)

Pour les installation Home Assistant Core c’est trois lignes à copier/coller:

sudo su -s /bin/bash homeassistant
cd ~/.homeassistant
bash <(wget -qO- -o /dev/null https://raw.githubusercontent.com/aderusha/HASwitchPlate/master/Home_Assistant/deployhasp.sh)

Le terminal vous demandera le taper le nom du node que vous avez configurer sur votre wemos, valider ensuite

HA vous indiquera que l’installation c’est bien dérouler

Et enfin il vous affichera un long code, ceci sert à configurer une nouvelle page dans Home assistant, copier le code

Dans HA allez dans “configurer l’interface utilisateur”, “ouvrir le menu Lovelace UI”, et enfin sur “Editeur de configuration”.

Copier simplement le code en toutes fin de page, cliquez ensuite deux fois sur la crois en haut à gauche et vous devriez avoir une nouvelle page.
Enfin vous devez redémarrer HA

Bravo, vous touchez enfin au but

cliquer sur la nouvelle page, nous allons maintenant configurer une partie de l’écran, les autres configuration seront à faire directement depuis les fichiers YAML (voir la partie Configuration)
Il faut d’abord cliquer sur “click here for HASP “votre node” First_Time Setup” et votre écran va enfin afficher quelques chose d’interessant 🙂

  • “Active Page” vous indique sur qu’elle numéro de page est affiché à l’écran
  • “Page” vous servira pour configurer la page en question à vous de choisir selon vos besoin/envie
  • “Label” vous servira pour configurer le nom à affiché sur les boutons en bas (gauche, centre, droite)
  • “Font” servira à configurer la taille et la police utilisé

Donc, ici se fini l’installation d’HASP sur Home Assistant, dans la seconde partie ont passe à l’explication et configuration de quelques pages
Accrochez-vous