Tableau de bord Homer, Notre site Web d’accueil personnalisé

Attention, c’est la bombe… aujourd’hui, nous avons Homer Dashboard ici, qui est l’une des meilleures découvertes de cette année 2021… C’est juste un site Web léger et statique… mais… Pour quoi? Pour créer une page d’accueil personnalisée et belle avec les services web que nous utilisons, à la maison ou en entreprise, Préparez-vous, c’est 1000 cool…

Puits, Je pense que cela nous arrive à tous, Nous avons de plus en plus de services à gérer, Ce qu’il faut savoir savoir… Et depuis longtemps, il lui manquait une solution qui simplifie son accès, Une meilleure façon de s’organiser. Homer Dashboard est un site web qui ne pèse pas, que nous pouvons l’avoir 2 minutes d’installation, qu’il est méga adaptable et qu’on pense que ce serait le site qui agglomère les services web fondamentaux. Pour nous ou pour l’entreprise, C’est, un site web d’entreprise qui démarre dans les navigateurs qui regroupe les sites web, Tout-en-un.

Si vous n’avez toujours pas compris l’idée, Allez à la fin de l’article et voyez mon exemple particulier, ou mettre sur google “Tableau de bord Homer” et dans 'Images’ Voir des exemples, C’est cool. Et ce que j’ai dit, Il s’agit d’un site Web entièrement personnalisable et facile, dans un fichier au format YAML nous le configurons de manière simple. On peut le déployer dans un conteneur Docker, par exemple, ou dans un Nginx ou un Apache que nous avons traîné, Il ne s’agira rien de plus que de télécharger le site Web et c’est tout. Vous avez toutes les informations sur le projet ici. Et ici Vous avez une démo en ligne au cas où vous voudriez voir de quoi il s’agit. Et si vous voulez, Il existe également d’autres solutions similaires, Regarder DashMachine, Organiser, Heimdall ou SUI entre autres.

Pour l’installer comme dit, Vous pouvez utiliser un conteneur ou directement sur un serveur web que nous avons déjà déployé. Dans ce cas, j’utiliserai Nginx comme exemple, Si vous n’avez pas installé le service, nous l’installons:

Sudo apt install nginx unzip -y sudo systemctl enable nginx

Et rien, pour installer Homer Dashboard, il vous suffit de le télécharger, Décompresser, corriger les permissions et créer un fichier de configuration pour personnaliser notre tableau de bord.

wget https://github.com/bastienwirtz/homer/releases/latest/download/homer.zip sudo unzip homer.zip -d /usr/share/nginx/homer sudo chown www-data:www-data /usr/share/nginx/homer/ -R sudo cp /usr/share/nginx/homer/assets/config.yml.dist /usr/share/nginx/homer/assets/config.yml

On peut créer un fichier de configuration dans Nginx pour publier le site, Je vous laisse celui-ci à titre d’exemple, ou en modifiant le fichier de configuration du site par défaut avec le chemin d’accès correct au site Homer.

Serveur {
    Écouter 81;
    Écouter [::]:81;
    server_name homer.mondomaine.local;

# Chemin d’accès à la racine de votre installation racine /usr/share/nginx/homer/;

   access_log /var/log/nginx/homer.access;
   error_log /var/log/nginx/homer.error;
}

Et rien, Nous vérifions que la configuration est correcte & nous redémarrons Nginx pour recharger les modifications que nous avons apportées:

sudo nginx -t sudo systemctl reload nginx

Et rien, nous accédons au site que nous avons créé avec un navigateur et nous aurons le tableau de bord initial, avec lui, nous pouvons partir et en un clin d’œil avoir le nôtre.

Comment? Modifier votre fichier de configuration /usr/share/nginx/homer/assets/config.yml

Et vous obtiendrez quelque chose d’aussi cool que celui-ci! Ce que j’ai dit, est 100% personnalisable, Comme vous pouvez le voir, j’ai supprimé l’en-tête, J’ai mis un champ de recherche sur Google… Il est également resté comme une page d’accueil dans les navigateurs de l’entreprise, par GPO, vers Internet Explorer, Chrome, Firefox, Bord…

Et c’est tout, Callisto, Nous avons aussi un thème sombre…

Je vous laisse un dépôt d’icônes au cas où cela vous faciliterait la tâche et que vous pouvez utiliser, ainsi que toutes les images personnalisées, Bien sûr:

Au cas où cela vous aiderait, je vous laisse un peu du code initial de mon site Homer Dashboard, C’est vraiment Yaml et c’est facile à modifier, courage!

---
# Configuration de la page d’accueil
# Voir https://fontawesome.com/icons pour les icônes options titre: "Open Services IT - Tableau de bord des services"
Sous-titre: "Homère"
logo: "logo_openservicesit.png"
en-tête: Faux pied de page: fausses colonnes: 4
thème: couleurs par défaut:
  Lumière:
    surligner-primaire: "#7D0458"
    surligner-secondaire: "#9E0770"
    surbrillance-survol: "#ffffff"
    arrière-plan: "#f5f5f5"
    carte-fond: "#ffffff"
    SMS: "blanc"
    en-tête de texte: "#ffffff"
    titre-texte: "#303030"
    texte-sous-titre: "#424242"
    card-shadow: RGBA(0, 0, 0, 0.1)
    link-hover: "#363636"
    image-arrière-plan: "/images/fondo.jpg"
  Sombre:
    surligner-primaire: "#7D0458"
    surligner-secondaire: "#9E0770"
    surbrillance-survol: "#2B2B2B"
    arrière-plan: "#131313"
    carte-fond: "#2B2B2B"
    SMS: "#7D0458"
    en-tête de texte: "#ffffff"
    titre-texte: "#Fafafa"
    texte-sous-titre: "#f5f5f5"
    card-shadow: RGBA(0, 0, 0, 0.4)
    link-hover: "#ffdd57"
    image-arrière-plan: "/images/fondo.jpg"
Message:
  contenu: '<formulaire action="https://google.com/search" méthode="Avoir"><type d’entrée="SMS" nom="q" espace réservé="Vous pouvez rechercher sur Google tout ce que vous voulez" style="Largeur: 100%" correcteur orthographique="Faux" Mise au point automatique="Vrai" onkeydown="handleKeyPress(événement)"/></Forme>'
links:
  - Nom: "Open Services IT"
    URL: "https://www.openservices.eus (en anglais seulement)"
  - Nom: "Messagerie Web"
    icône: "Enveloppe FAS"
    URL: "https://webmail.bujarra.com"
Services:
  - Nom: "Infrastructure"
    icône: "FAS FA-Cloud"
    Articles:
      - Nom: "Serveur VMware vCenter"
        logo: "/Images/vmware.png"
        Sous-titre: "Gestion de la plate-forme virtuelle"
        URL: "https://Système d’exploitation-VC-01.openservices.local/ui/"
        #Cible: "_Blanc" # HTML facultatif Un attribut cible de balise
      - Nom: "Fortifier"
        logo: "/images/fortigate.png"
        Sous-titre: "Accès à Fortigate"
        URL: "https://192.168.1.1"
...

Rien, et si vous y consacrez un peu plus de temps que moi, Je suis sûr que vous pouvez faire quelque chose de très cool. Ce que j’ai dit, Pensez à ces premiers sites Web pour les départements, Sites informatiques…

Comme toujours un plaisir, Vous prenez grand soin de vous, Que cela se passe très bien et merci à ceux qui font bouger ces choses à travers les réseaux sociaux, C’est le seul moyen d’atteindre plus de personnes qui peuvent utiliser ce type de solutions open source, Câlins!