Atents que això és la bomba… avui tenim per aquí Homer Dashboard que és dels millors descobriments d'aquest 2021… És simplement una web lleugera i estàtica… però… per a què? Per fer una pàgina d'inici customitzada i preciosa amb els serveis webs que fem servir, a casa o a les empreses, preparar-vos que mola 1000…

Bo, crec que ens passa a tots, cada vegada tenim més i més serveis que gestionar, accedir… i des de fa molt de temps trobava a faltar una solució que simplifiqui el seu accés, una manera millor d'organitzar-se. Homer Dashboard és una web que no pesa, que la podem tenir en 2 minuts instal·lada, que és mega adaptable i que pensem que seria el lloc que aglomera els serveis webs fonamentals. Per a nosaltres o per a l'empresa, això és, una web corporativa d'inici als navegadors que aglutina les webs, tot en un.

Si encara no us feu una idea, anar al final del post i veure l'exemple meu particular, o posar en google “Homer Dashboard” i a 'Imatges’ veure exemples, és una xiulada. I el dit, és un lloc web totalment personalitzable i facilon, en un fitxer en format YAML el configurem de manera senzilla. El podrem desplegar en un contenidor de Docker per exemple, o en un Nginx o Apache que tinguem per aquí mateixament, no serà més que baixar-se la web i llest. Teniu tota la info del projecte aquí. Y aquí tens una demo online per si vols veure de què es tracta. I si voleu, també hi ha altres solucions semblants, mirar DashMachine, Organizr, Heimdall o SUI entre d' altres.

Per instal·lar-lo el que s'ha dit, podeu mitjançant contenidor o directament en un servidor web que tinguem ja desplegat. En aquest cas faré servir Nginx com a exemple, si no tens el servei instal·lat l'instal·lem:

sudo apt install nginx unzip -y sudo systemctl enable nginx

I res, per instal·lar Homer Dashboard tan sols n'hi haurà prou amb descarregar-lo, descomprimir-lo, corregir els permisos i crear un fitxer de configuració per personalitzar el nostre Dashboard.

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

Podem crear un fitxer de configuració a Nginx per publicar el lloc, us deixo aquest d'exemple, o mateixament modificant el fitxer de configuració del lloc predeterminat amb la ruta correcta al lloc Homer.

server {
    listen 81;
    listen [::]:81;
    server_name homer.midominio.local;

# Path to the root of your installation root /usr/share/nginx/homer/;

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

I res, verificam que la configuració és correcta & reiniciem Nginx per recarregar els canvis que hem fet:

sudo nginx -t sudo systemctl reload nginx

I res, accedeixen amb un navegador al lloc que hem creat i tindrem el Dashboard inicial, amb ell podrem partir i en un periquet tenir el nostre propi.

Com? Editant el seu fitxer de configuració /usr/share/nginx/homer/assets/config.yml

I et quedarà una cosa tan xulo com això! El que s'ha dit, és 100% personalitzable, com veieu li treu l'encapçalat, li vaig posar un quadre de recerca a Google… També va quedar com a pàgina d'inici als navegadors de l'empresa, per GPO, a l' Internet Explorer, Chrome, Firefox, Edge…

I llest Calisto, tenim tema fosc també…

Us deixo un repositori d'icones per si us facilita i que podreu utilitzar, així com qualsevol imatge personalitzada, clar:

• https://fontawesome.com/icons
• https://github.com/NX211/homer-icons

Per si us ajuda us deixo alguna cosa del codi inicial del meu lloc Homer Dashboard, de veritat que és i és senzill de modificar, ànim!

---
# Homepage configuration
# See https://fontawesome.com/icons for icons options title: "Open Services IT - Dashboard de serveis"
subtitle: "Homer"
logo: "logo_openservicesit.png"
header: false footer: false columns: 4
theme: default colors:
  light:
    highlight-primary: "#7d0458"
    highlight-secondary: "#9e0770"
    highlight-hover: "#ffffff"
    background: "#f5f5f5"
    card-background: "#ffffff"
    text: "white"
    text-header: "#ffffff"
    text-title: "#303030"
    text-subtitle: "#424242"
    card-shadow: rgba(0, 0, 0, 0.1)
    link-hover: "#363636"
    background-image: "/imatges/fondo.jpg"
  dark:
    highlight-primary: "#7d0458"
    highlight-secondary: "#9e0770"
    highlight-hover: "#2b2b2b"
    background: "#131313"
    card-background: "#2b2b2b"
    text: "#7d0458"
    text-header: "#ffffff"
    text-title: "#fafafa"
    text-subtitle: "#f5f5f5"
    card-shadow: rgba(0, 0, 0, 0.4)
    link-hover: "#ffdd57"
    background-image: "/imatges/fondo.jpg"
message:
  content: '<form action ="https://google.com/search" method ="get"><input type ="text" name ="q" placeholder ="Pots buscar a Google el que vulguis" style ="width: 100%" spellcheck ="false" autofocus ="true" onkeydown ="handleKeyPress(event)"/></form>'
links:
  - name: "Open Services IT"
    url: "https://www.openservices.eus"
  - name: "Webmail"
    icon: "fas fa-envelope"
    url: "https://webmail.bujarra.com"
services:
  - name: "Infraestructura"
    icon: "fas fa-cloud"
    items:
      - name: "VMware vCenter Server"
        logo: "/imatges/vmware.png"
        subtitle: "Gestió de la plataforma virtual"
        url: "https://os-vc-01.openservices.local/ui/"
        #target: "_blank" # optional html a tag target attribute
      - name: "Fortigate"
        logo: "/imatges/fortigate.png"
        subtitle: "Accés al Fortigate"
        url: "https://192.168.1.1"
...

Res i si li dediques alguna cosa més d'estona que jo, estic segur que podeu fer alguna cosa molt xulo. El que s'ha dit, penseu en aquestes webs inicials per a departaments, llocs d' IT…

Com sempre un plaer, us cuideu molt, que vagi molt bé i agrair als que mouen aquestes coses per xarxes socials, és l'única manera d'arribar a més gent que li puguin venir bé aquest tipus de solucions open source, abraçades!