Impossible d'ajouter une carte (*.js) sous HA

Bonjour,

Je viens d’installer une VMC double flux dans ma maison en cours de rénovation. Mon objectif est de monotirer la bête depuis un écran placé à un endroit accessible. La machine fourni un port série avec un protocole propriétaire mais documenté. A terme, j’aurai aussi des volets roulants et d’autres capteurs à ajouter.

En bon électronicien, ma première approche est d’utiser un microcontrôleur et une liaison RF pour mettre l’écran que je veux où je veux. Facile à mettre en oeuvre, maintenable à vie et garanti sans panne pour au moins 15 ans. Mais pour avoir une belle interface graphique, ça se corse…

C’est ainsi que j’ai découvert Home Assistant et ce projet :
https://github.com/adorobis/hacomfoairmqtt

J’ai flashé une premire RPI avec le client MQTT, une seconde RPI avec HA et le MQTT broker mosquito. En quelques heures, j’arrive à récupérer les infos de ma VMC sur le HA. En partant de rien, je trouve que ça marche bien et vite !

J’utilise des RPI 3B+ avec la dernière version de HAOS et HA-core (janvier 2025).

Reste plus qu’une carte à ajouter pour rendre le truc beau, parce que sinon, je monopolise 2 ordinateurs miniatures pour faire ce qu’un CPU 8 bits à 0.2€ aurait su faire. Et là, c’est le drame, 10 jours que je pédale dans la semoule pour faire de la cosmétique et aucune avancée.

J’ai trouvé 2 cartes sur github, impossible de les intégrer dans mon HA.
https://github.com/TimWeyand/lovelace-comfoair
https://github.com/mweimerskirch/lovelace-hacomfoairmqtt

Côté système de fichiers, j’ai bien mis la carte dans config/www/
Côté HA, j’ai configuré une ressource via l’UI qui pointe vers ce fichier (/local).

J’ai beau vérifier 50 fois ma config, lire 72 pages et 6 tutos de ce forum et de la version anglaise, aucune des 2 cartes n’est visible dans l’UI. Je sèche.

Faute d’y arriver avec l’UI, j’ai tenté d’intégrer le truc en yaml (via l’UI) mais c’est encore pire, je ne sais pas si c’est une faute de syntaxe ou d’indentation mais la moindre ligne retourne une erreur, impossible d’enregistrer la carte.

Les yaml visibles sur le système de fichiers semblent être une coquille vide, j’aurais aimé y trouver trace de mon dashbord mais rien. L’essentiel semble être stocké ailleurs. Ca va m’être difficile d’apprécier ce système de fichiers pour le moins obscur et ambigue.

PS : Question bête : ce forum semble presque tout faire sauf le café (et encore…), mais pas de correcteur orthographique ?

Si vous avez la moindre idée, je suis preneur…
Merci d’avance

Salut

Question bête : Tu as bien redémarrer HA après les modifs ?

Oui !

Je me demande s’il existe un moyen, via l’UI, de tester si la ressource sur laquelle je pointe est bien visible (en gros, valider mon lien).

Il suffit de mettre l’url dans ton navigateur :

Tu as quoi ici (remplace IP_DE_HA par ton ip): http://IP_DE_HA/config/lovelace/resources ?

Hello,

Les fichiers que tu mets dans le dossier /config/www auront une URL de la forme /local
Par exemple :
/config/www/toto.js tu pourras y accéder via http(s)://URL_DE_HA/local/toto.js

Qu’est-ce que tu obtiens si tu essayes d’accéder à https://URL_DE_HA/local/lovelace-mqttcomfoair/comfoair-card.js par exemple pour la première carte que tu as cité ?

Peux-tu nous montrer exactement les noms et chemin où tu as stockés les fichiers stp ?

@Giga77 @delphiki
Dans tous les cas, j’obtiens (sous chrome) :

================================

Ce site est inaccessible

IP n’autorise pas la connexion.

================================

Voilà ma config de la ressource sous l’UI, et fichier sous windows :

… et
http://homeassistant:8123/local/hacomfoairmqtt-card.js
retourne :
404: Not Found

Quelle url te donne ce message ?

Ces deux là :

http://IP/config/lovelace/resources
https://IP/local/hacomfoairmqtt-card.js

A noter que le terminal montre que je ne suis pas (encore) totalement fou :

terminal

Test en yaml :

[code]resources:

  • url: /local/hacomfoairmqtt-card.js
    type: module
    views:
  • cards:
    • type: ‹ custom:hacomfoairmqtt-card ›
      climateEntity: climate.ca350_climate
      outsideTempSensor: sensor.ca350_outsidetemp
      exhaustTempSensor: sensor.ca350_exhausttemp
      returnTempSensor: sensor.ca350_returntemp
      supplyTempSensor: sensor.ca350_supplytemp
      filterStatusSensor: binary_sensor.ca350_filterstatus
      bypassValveSensor: binary_sensor.ca350_bypass_valve
      summerModeSensor: binary_sensor.ca350_summer_mode
      returnAirLevelSensor: sensor.ca350_return_air_level
      supplyAirLevelSensor: sensor.ca350_supply_air_level
      preheatingStatusSensor: binary_sensor.ca350_preheatingstatus[/code]

PS : ‹ custom:hacomfoairmqtt-card › ou ‹ hacomfoairmqtt-card ›, même résultat :

Problème résolu… J’ai fini réussir à afficher le *.js vu depuis HA.

http(s)://URL_DE_HA/local/toto.js

L’URL en dur ne marche pas, il faut mettre hommeassistant.local

Et là, il s’affiche une en tête HTML et non du javascript… Tout le problème vient du fichier github, que j’ai récupéré en clic droit - enregistrer le lien. Pas la première fois que je me fais avoir en récupérant un fichier sur github…

Avec le bon fichier, ça marche beaucoup mieux et tout rentre dans l’ordre moyennant quelques reboot / cache clear.

Merci pour votre aide en tous cas !

1 « J'aime »