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>' Collegamenti:
- 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!
