Tema aziendale in Apache Guacamole
In questo post daremo un bel tocco ad Apache Guacamole, Da un lato lo faremo rispondere come sito predefinito, Vai senza che gli utenti debbano inserire /guacamole; E per finire, il solito, Metti un tema personalizzato su di esso, vicino all'utente, corporativo, con loghi, Fondi, Colori dell'azienda…
Bene, Ricordare, In un post precedente abbiamo già visto Come installare Apache Guacamole, inoltre come integrarlo in Active Directory. Un'ottima soluzione open source che consente l'accesso remoto sicuro ai computer tramite Internet. Bene, Come ho detto, Oggi è il momento di cambiare argomento e renderlo cool, Vedremo cosa giocare minimamente per lasciarlo bene.
Sito predefinito
In modo che Apache Guacamole sia il sito predefinito nel nostro Tomcat. Semplicemente, Fermeremo Tomcat, rinomina l'app in ROOT e riavvia Guacamole; Nel porto 8080 Risponderà senza /guacamole/
systemctl stop tomcat9 cd /var/lib/tomcat9/webapps/ rm -rf ROOT mv guacamole.war ROOT.war systemctl start tomcat9
Ma attenzione! se abbiamo un proxy inverso con Apache, Modifichiamo anche il file /etc/apache2/sites-available/default-ssl.conf con le seguenti modifiche:
Di:
<Ubicazione /guacamole/>
A:
<Ubicazione/>
Di:
ProxyPass http://XXX.XXX.XXX.XXX:8080/guacamole/ flushpackets=acceso
A:
ProxyPass http://XXX.XXX.XXX.XXX:8080/ flushpackets=Attivato
E di:
ProxyPassReverse http://XXX.XXX.XXX.XXX:8080/Guacamole/
A:
ProxyPassReverse http://XXX.XXX.XXX.XXX:8080/
E abbiamo riavviato Apache:
Systemctl riavvia Apache2
Modifica del logo
Per modificare il logo, lo sostituiamo semplicemente:
CP logo.png /var/lib/tomcat9/webapps/guacamole/images/guac-tricolor.png
Per adattare il logo alla dimensione che più ci si addice, in /var/lib/tomcat9/webapps/guacamole/guacamole.css all'interno della sezione .login-ui .login-dialog .logo { Cambiare:
| Di: | A: |
Larghezza: 3Em; altezza: 3Em; dimensione dello sfondo: 3em 3em; -moz-background-size: 3em 3em; -webkit-sfondo-dimensione: 3em 3em; -khtml-dimensione-sfondo: 3em 3em; |
Larghezza: 235Px; altezza: 55Px; dimensione dello sfondo: 235px 55px; -moz-background-size: 235px 55px; -webkit-sfondo-dimensione: 235px 55px; -khtml-dimensione-sfondo: 235px 55px; |
E anche in /var/lib/tomcat9/webapps/guacamole/guacamole.min.css all'interno della sezione .login-ui, .login-dialog, .logo{
Di:
...margine:.5em auto;Larghezza:3Em;altezza:3Em;dimensione dello sfondo:3em 3em;-moz-background-size:3em 3em;-Webkit-B...
A:
...margine:.5em auto;Larghezza:235Px;altezza:55Px;dimensione dello sfondo:235px 55px;-moz-background-size:235px 55px;-Webkit-B...
Possiamo cambiare la lingua e la breve descrizione cambiando in /var/lib/tomcat9/webapps/guacamole/translations/en.json
Di:
"NOME" : "Apache Guacamole", "NOME" : "Inglese",
A:
"NOME" : "Accesso a Risorse del computer", "NOME" : "Spagnolo",
E riavviamo Tomcat:
Systemctl Riavvia tomcat9
Modifica dello sfondo
Per cambiare lo sfondo e mettere un'immagine al posto del bianco predefinito, in /var/lib/tomcat9/webapps/guacamole/guacamole.min.css; all'interno della sezione div.login-ui{
Di:
sfondo:bianco;
A:
immagine di sfondo: URL('RUTA.jpg');dimensione dello sfondo:coprire;
E anche in /var/lib/tomcat9/webapps/guacamole/guacamole.css all'interno della sezione div.login-ui {
Di:
sfondo: nero;
A:
immagine di sfondo: URL('RUTA.jpg');
dimensione dello sfondo:coprire;
Sostituzione della casella centrale
Se ci va di modificare il telaio centrale, Ad esempio, rimuovi il bordo e l'ombra, e renderlo una sfumatura che sembra più elegante, in /var/lib/tomcat9/webapps/ROOT/guacamole.min.css; all'interno della sezione .login-ui .login-dialog{
Togliere:
Confine: 1px solido rgba(0, 0, 0, 0.25); scatola-ombra: 1px 1px 2px rgba(0, 0, 0, 0.25);
Aggiungere:
colore di sfondo:RGBA(0,0,0,0.2);
E lo stesso in /var/lib/tomcat9/webapps/ROOT/guacamole.css all'interno della sezione .login-ui .login-dialog {
Togliere:
Confine: 1px solido rgba(0, 0, 0, 0.25); scatola-ombra: 1px 1px 2px rgba(0, 0, 0, 0.25);
Aggiungere:
colore di sfondo:RGBA(0,0,0,0.2);
Campo nome utente e password
Il campo nome utente e password è trasparente, Lo abbiamo messo bianco come segue, in /var/lib/tomcat9/webapps/ROOT/guacamole.min.css; all'interno della sezione .login-ui .login-fields .labeled-field.empty input{
Di:
sfondo: trasparente;
A:
sfondo: bianco;
E altrettanto,
Di:
sfondo: trasparente;
A:
sfondo: bianco;
Colore del pulsante
E vieni per ultimo, Per modificare il colore del pulsante, Ognuno secondo il proprio gusto, ehi!: In /var/lib/tomcat9/webapps/ROOT/guacamole.css nella sezione di input[tipo=”Invia”], bottone, a. pulsante {
Di:
colore di sfondo: #3C3C3C;
A:
colore di sfondo: #7D0458;
Apportare la modifica persistente
Qualcosa di molto importante e che non abbiamo commentato fino ad ora, ma il cambio del Logo, lo sfondo e il CSS per le sue dimensioni vengono persi ogni volta che la macchina viene riavviata, per questo, Faremo copie dei file modificati in /home/guacamole/no_borrar/
cp /var/lib/tomcat9/webapps/ROOT/guacamole.min.css /home/guacamole/no_borrar/ cp /var/lib/tomcat9/webapps/ROOT/guacamole.css /home/guacamole/no_borrar
E con un piccolo script nel cron copierà ogni volta che avvii il logo, Fondoschiena, Il css… Noi lo chiamiamo: (e renderlo eseguibile) /home/guacamole/no_borrar/cambia_tema_guacamole.sh con i seguenti contenuti:
cp /home/guacamole/no_borrar/logo.png /var/lib/tomcat9/webapps/ROOT/images/guac-tricolor.png cp /home/guacamole/no_borrar/guacamole.css /var/lib/tomcat9/webapps/ROOT/guacamole.css cp /home/guacamole/no_borrar/guacamole.min.css /var/lib/tomcat9/webapps/ROOT/guacamole.min.css cp /home/guacamole/no_borrar/en.json /var/lib/tomcat9/webapps/ROOT/translations/en.json systemctl restart tomcat9
E lo mettiamo in Cron per esempio in modo che ogni volta che la macchina si avvia lo carichi, con 'crontab -e':
@reboot sonno 30 && /home/guacamole/no_borrar/cambia_tema_guacamole.sh
Bene, Dietro questo stemma, o txapa a Bilbao, Spero che tu abbia qualcosa di interessante, hai visto che non costa nulla mettere un tema personalizzato in Apache Guacamole, Che con un Logo, un Fondo, Cambia il colore del pulsante e alcuni trucchi in più saranno totalmente aziendali, Quindi, se tutti i nostri portali sono personalizzati, Gli utenti avranno un maggiore senso di sicurezza quando accedono ai siti, I capi felici…
Un abbraccio a tod@s!
