Cruscotto di Homer, Il nostro sito web personalizzato

Attenzione, questa è la bomba… oggi abbiamo Homer Dashboard qui, che è una delle migliori scoperte di questo 2021… È solo un sito web leggero e statico… ma… Per cosa? Per realizzare una home page personalizzata e bella con i servizi web che utilizziamo, a casa o in azienda, Preparati, è 1000 figo…

Bene, Penso che succeda a tutti noi, Abbiamo sempre più servizi da gestire, A cosa accedere… e da tempo manca una soluzione che ne semplifichi l'accesso, Un modo migliore per organizzarsi. Homer Dashboard è un sito web che non pesa, che possiamo averlo in 2 minuti installati, che sia mega adattabile e che pensiamo sarebbe il sito che agglomera i servizi web fondamentali. Per noi o per l'azienda, Questo è, Un sito web aziendale che parte dai browser che riunisce i siti web, Tutto in uno.

Se ancora non hai capito l'idea, Vai alla fine del post e guarda il mio esempio particolare, o metti su google “Cruscotto di Homer” e nell' Immagini’ Vedi esempi, È bello. E quello che ho detto, È un sito web completamente personalizzabile e facile da personalizzare, in un file in formato YAML lo configuriamo in modo semplice. Possiamo distribuirlo in un container Docker, ad esempio, o in un Nginx o Apache che abbiamo in giro, Non sarà altro che scaricare il sito web e il gioco è fatto. Hai tutte le informazioni sul progetto qui. E qui Hai una demo online nel caso tu voglia vedere di cosa si tratta. E se vuoi, Ci sono anche altre soluzioni simili, Osservare Macchina Dash, Organizzare, Heimdall o SUI tra gli altri.

Per installarlo come detto, Puoi utilizzare un container o direttamente su un server web che abbiamo già implementato. In questo caso userò Nginx come esempio, Se non hai installato il servizio, lo installiamo noi:

Sudo apt install nginx unzip -y sudo systemctl enable nginx

E niente, per installare Homer Dashboard non ti resta che scaricarlo, Decomprimere, correggere le autorizzazioni e creare un file di configurazione per personalizzare la nostra 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

Possiamo creare un file di configurazione in Nginx per pubblicare il sito, Vi lascio questo come esempio, o modificando il file di configurazione del sito predefinito con il percorso corretto del sito Homer.

Server {
    Ascoltare 81;
    Ascoltare [::]:81;
    server_name homer.miodominio.local;

# Percorso alla radice della tua installazione root /usr/share/nginx/homer/;

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

E niente, Verifichiamo che la configurazione sia corretta & riavviamo Nginx per ricaricare le modifiche che abbiamo apportato:

sudo nginx -t sudo systemctl reload nginx

E niente, accediamo al sito che abbiamo creato con un browser e avremo la Dashboard iniziale, con esso possiamo andarcene e in un batter d'occhio avere il nostro.

Come? Modifica del file di configurazione /usr/share/nginx/homer/assets/config.yml

E otterrai qualcosa di fantastico come questo! Cosa ho detto, è 100% personalizzabile, Come puoi vedere ho rimosso l'intestazione, Ho inserito una casella di ricerca su Google… È rimasto anche come home page nei browser dell'azienda, di GPO, a Internet Explorer, Cromo, Firefox, Bordo…

E questo è tutto, Callisto, Abbiamo anche un tema scuro…

Ti lascio un repository di icone nel caso in cui ti renda le cose più facili e che tu possa usare, così come eventuali immagini personalizzate, Certo:

Nel caso vi sia d'aiuto, vi lascio un po' del codice iniziale del mio sito Homer Dashboard, È davvero Yaml ed è facile da modificare, coraggio!

---
# Configurazione della homepage
# Vedi https://fontawesome.com/icons per icone opzioni titolo: "Servizi IT aperti - Dashboard dei servizi"
Sottotitolo: "Omero"
logo: "logo_openservicesit.png"
intestazione: Falso piè di pagina: Colonne false: 4
tema: colori predefiniti:
  Leggero:
    evidenziare-primario: "#7D0458"
    evidenziazione-secondario: "#9E0770"
    evidenziare-passare il mouse: "#ffffff"
    sfondo: "#f5f5f5"
    carta-sfondo: "#ffffff"
    Testo: "bianco"
    intestazione di testo: "#ffffff"
    testo-titolo: "#303030"
    testo-sottotitolo: "#424242"
    carta-ombra: RGBA(0, 0, 0, 0.1)
    collegamento al passaggio del mouse: "#363636"
    immagine di sfondo: "/immagini/fondo.jpg"
  Oscuro:
    evidenziare-primario: "#7D0458"
    evidenziazione-secondario: "#9E0770"
    evidenziare-passare il mouse: "#2b2b2b"
    sfondo: "#131313"
    carta-sfondo: "#2b2b2b"
    Testo: "#7D0458"
    intestazione di testo: "#ffffff"
    testo-titolo: "#Fafafa"
    testo-sottotitolo: "#f5f5f5"
    carta-ombra: RGBA(0, 0, 0, 0.4)
    collegamento al passaggio del mouse: "#ffdd57"
    immagine di sfondo: "/immagini/fondo.jpg"
Messaggio:
  contenuto: '<azione forma="https://google.com/search" metodo="Ottieni"><Tipo di input="Testo" nome="q" segnaposto="Puoi cercare su Google tutto ciò che vuoi" stile="Larghezza: 100%" controllo ortografico="Falso" autofocus="Vero" onkeydown="impugnaturaChiavePressione(evento)"/></Modulo>'
links:
  - Nome: "Servizi IT aperti"
    URL: "https://www.openservices.eus"
  - Nome: "Posta elettronica"
    icona: "Busta FAS FA"
    URL: "https://webmail.bujarra.com"
Servizi:
  - Nome: "Infrastruttura"
    icona: "FAS FA-Cloud"
    Elementi:
      - Nome: "VMware vCenter Server"
        logo: "/Immagini/vmware.png"
        Sottotitolo: "Gestione della piattaforma virtuale"
        URL: "https://Sistema operativo-VC-01.openservices.local/ui/"
        #Bersaglio: "_Vuoto" # Attributo di destinazione del tag HTML A facoltativo
      - Nome: "Fortificare"
        logo: "/immagini/fortigate.png"
        Sottotitolo: "Accesso a Fortigate"
        URL: "https://192.168.1.1"
...

Niente, e se ci dedichi un po' più di tempo di me, Sono sicuro che puoi fare qualcosa di molto interessante. Cosa ho detto, Pensa a quei siti Web iniziali per i dipartimenti, Siti IT…

Come sempre un piacere, Vi prendete molta cura di voi stessi, Che vada molto bene e ringrazio chi muove queste cose attraverso i social network, È l'unico modo per raggiungere più persone che possono utilizzare questo tipo di soluzioni open source, Abbracci!