Apache Guacamole-ko korporazio gaiak
Post honetan, Apache Guacamole-ri ukitu eder bat emango diogu, alde batetik, webgune lehenetsi gisa erantzuteko modua emango diogu, erabiltzaileek /guacamole jarri beharrik gabe; eta nahi diren xehetasun gehiagorako, beti bezala, gaia pertsonalizatua jartzea, erabiltzailearengana hurbila, corporativo, logoekin, atzealdeak, enpresako koloreak…
Onena, oroitzeko, en algún post anterior ya vimos cómo instalar Apache Guacamole, además de cómo integrarlo en Directorio Activo. Una fabulosa solución de código abierto que permite el acceso remoto seguro a equipos por Internet. Onena, esandakoa, hoy toca una de cambiarle el tema y dejarlo chulo, veremos que tocar mínimamente para dejarlo fino.
Sitio predeterminado
Para que Apache Guacamole esté como sitio predeterminado en nuestro Tomcat. Bakarrik, pararemos tomcat, renombramos la app a ROOT y arrancar Guacamole de nuevo; en el puerto 8080 ya responderá sin /guacamole/
systemctl stop tomcat9 cd /var/lib/tomcat9/webapps/ rm -rf ROOT mv guacamole.war ROOT.war systemctl start tomcat9
¡Pero ojo! si tenemos proxy inverso con Apache, modificamos también el fichero /etc/apache2/sites-available/default-ssl.conf con los siguientes cambios:
De:
<Location /guacamole/>
A:
<Location />
De:
ProxyPass http://XXX.XXX.XXX.XXX.:8080/guacamole/ flushpackets=on
A:
ProxyPass http://XXX.XXX.XXX.XXX.:8080/ flushpackets=on
Y de:
ProxyPassReverse http://XXX.XXX.XXX.XXX.:8080/guacamole/
A:
ProxyPassReverse http://XXX.XXX.XXX.XXX.:8080/
Eta berrabiarazi Apache:
systemctl restart apache2
Cambiando el Logo
Para cambiar el logo, simplemente lo reemplazamos:
cp logo.png /var/lib/tomcat9/webapps/guacamole/images/guac-tricolor.png
Para adaptar el logo al tamaño que mas nos encaje, en /var/lib/tomcat9/webapps/guacamole/guacamole.css dentro de la sección .login-ui .login-dialog .logo { cambiamos:
| De: | A: |
width: 3em; height: 3em; background-size: 3em 3em; -moz-background-size: 3em 3em; -webkit-background-size: 3em 3em; -khtml-background-size: 3em 3em; |
width: 235px; height: 55px; background-size: 235px 55px; -moz-background-size: 235px 55px; -webkit-background-size: 235px 55px; -khtml-background-size: 235px 55px; |
Y también en /var/lib/tomcat9/webapps/guacamole/guacamole.min.css dentro de la sección .login-ui .login-dialog .logo{
De:
...margin:.5em auto;width:3em;height:3em;background-size:3em 3em;-moz-background-size:3em 3em;-webkit-b...
A:
...margin:.5em auto;width:235px;height:55px;background-size:235px 55px;-moz-background-size:235px 55px;-webkit-b...
Podremos cambiar el idioma y la breve descripción cambiando en /var/lib/tomcat9/webapps/guacamole/translations/en.json
De:
"NAME" : "Apache Guacamole", "NAME" : "Ingeles",
A:
"NAME" : "Acceso a Mi PC", "NAME" : "Gaztelania",
Y reiniciamos Tomcat:
systemctl restart tomcat9
Cambiando el fondo
Para cambiar el fondo y poner una imagen en vez del blanco que viene de manera predeterminada, en /var/lib/tomcat9/webapps/guacamole/guacamole.min.css; dentro de la sección div.login-ui{
De:
background:white;
A:
background-image: url('RUTA.jpg');background-size:cover;
Y también en /var/lib/tomcat9/webapps/guacamole/guacamole.css Dentro de la sección div.login-ui {
De:
background: black;
A:
background-image: url('RUTA.jpg');
background-size:cover;
Cambiando el recuadro central
Si nos apetece modificar el cuadro central, por ejemplo quitarle el borde y la sombra, y hacerle un sombreado que quede más elegante, en /var/lib/tomcat9/webapps/ROOT/guacamole.min.css; dentro de la sección .login-ui .login-dialog{
Quitamos:
border: 1px solid rgba(0, 0, 0, 0.25); box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
Gehitzen dugu:
background-color:rgba(0,0,0,0.2);
Y lo mismo en /var/lib/tomcat9/webapps/ROOT/guacamole.css Dentro de la sección .login-ui .login-dialog {
Quitamos:
border: 1px solid rgba(0, 0, 0, 0.25); box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
Gehitzen dugu:
background-color:rgba(0,0,0,0.2);
Campo usuario y contraseña
El campo de usuario y contraseña es transparente, lo ponemos blanco de la siguiente manera, en /var/lib/tomcat9/webapps/ROOT/guacamole.min.css; dentro de la sección .login-ui .login-fields .labeled-field.empty input{
De:
background: gardena;
A:
background: white;
E igualmente,
De:
background: gardena;
A:
background: white;
Color de botón
Y venga por último, para cambiar el color del botón, cada uno a su gusto, ¡eh!: En /var/lib/tomcat9/webapps/ROOT/guacamole.css en la sección de input[type=”submit”], button, a.button {
De:
background-color: #3C3C3C;
A:
background-color: #7d0458;
Haciendo el cambio persistente
Algo muy importante y que no hemos comentado hasta ahora, pero el cambio del Logo, fondo eta bere tamainarako CSS-ak makina berriro martxan jartzen den bakoitzean galtzen dira, horretarako, aldatutako fitxategien kopiak egingo ditugu /home/guacamole/no_borrar/ karpetan
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
Eta cron-en script txiki batekin logotipoa kopiatzeko abiarazten den bakoitzean, atzealdea, css-ak… honela deitzen diogu: (y lo hacemos ejecutable) /home/guacamole/no_borrar/cambia_tema_guacamole.sh hurrengo edukiarekin:
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
Eta sartu Cron-en, adibidez, makinak abiaraztean kargatzeko, con 'crontab -e':
@reboot sleep 30 && /home/guacamole/no_borrar/cambia_tema_guacamole.sh
Onena, txapa hau bukatu ondoren, edo txapa Bilbon, espero dut zerbait polit gelditu izana, ikusi duzue ez dela ezer kostatzen Apache Guacamole-n gaia pertsonalizatzea, Logo batekin, Fondo batekin, cambiar el color al botón y alguna virguería más quedará totalmente corporativo, así si todos nuestros portales son custom, los usuarios tendrán una mayor sensación de confianza al entrar en los sitios, los jefes contentos…
¡Un abrazo a tod@s!
