Vous avez installé docker, fait la razzia sur linuxserver.io et maintenant les micro-services pullulent à tout-va ? Vous avez gentiment rangé tous les raccourcis dans des répertoires bien ordonnés sur Firefox, mais il y en a bien quelques-uns qui ne vous disent rien ? Vous prenez la bonne résolution d’installer Heimdall et d’en faire votre page d’accueil sur Firefox. C’est pas mal, mais l’interface style smartphone ne vous parle pas. Pareil pour Homarr qui est super flexible, mais se réarrange parfois bizarrement et ne supporte pas beaucoup d’applications. Après quelques essais, on se dit que finalement des bookmarks ce n’est peut-être pas plus mal.
J’ai essayé et adopté « Homepage » qui est minimaliste de part : i) son nom, ii) son interface, et iii) sa gestion en yaml. Cela peut paraitre rébarbatif de tout taper à la main, mais ça ne l’est pas, car après quelques items rajoutés, on fait du copier-coller et hop, ça fonctionne tout seul. Qui plus est, le code, ça ne bouge pas, alors qu’arranger graphiquement les choses, ce n’est pas toujours très stable. Donc, allons-y pour Homepage !
Étape 1 : Installer Homepage sur Docker
Je vais l’installer sur CasaOS, dont le moteur est Docker. Cela nous permettra par la même occasion de voir comment installer une image Docker alors que l’App Store de CasaOS ne l’inclus pas. Vous pouvez faire la même chose avec Portainer, ou pour les plus fâchés, sur docker-compose ou même en ligne de commande.
Donc en haut du dashboard CasaOS, on clique « + » pour installer une image custom.
Dedans, on insère les valeurs suivantes comme nous le dit gentiment le fichier docker-compose sur le github de Homepage. Si vous avez un répertoire externe monté dans CasaOS, vous pouvez l’utiliser pour stocker les fichiers config de Homepage. Notez l’URL de l’icône qui pourra être réutilisé pour toutes les autres icônes de votre dashboard, ex. :
https://cdn.jsdelivr.net/gh/walkxcode/dashboard-icons@master/png/plex.png
Après la création, on peut jeter un petit coup d’œil au log pour détecter si tout a fonctionné :
Étape 2 : Modifier les services
On peut tout de suite rajouter un premier service pour voir ce que cela donne. On va donc dans « Files » sur CasaOS :
Là, on va naviguer vers :
AppData/Homepage/config/
Et par la suite, éditer le fichier services.yaml
Étape 3 : Rajouter un service pour monitorer et lancer Proxmox
Je rajoute donc un bloc basique en yaml pour me donner un raccourci à mon service Proxmox.
Et en vérifiant le dashboard sur le port 3000 de la machine Docker, nous avons cela :
Pas mal pour un gros bouton avec un ping dessus. Mais en allant dans les Widgets pris en charge par Homepage, je constate qu’on peut surcharger ce gros bouton avec des stats Proxmox. Il suffit de suivre le tuto pour générer une clé API sur Proxmox et le renseigner dans la config home page ainsi :
Et en vérifiant le dashboard une nouvelle fois :
Pour ce qui est des icônes, ça se passe ici : https://github.com/walkxcode/dashboard-icons/tree/main/svg
Conclusion
Au final, on arrive à un dashboard qui reste minimaliste, sans gros effort pour organiser les éléments, et responsive, ce qui s’adapte bien sur une tablette, un smartphone ou qui sait, un magic mirror pour pimper l’entrée du bureau ! J’espère que ce petit tuto vous occupe quelques week-ends pluvieux !