Corporate theme in Apache Guacamole
In diesem Beitrag werden wir Apache Guacamole eine schöne Note verleihen, Auf der einen Seite werden wir es als Standardseite antworten lassen, Gehen Sie, ohne dass Benutzer die /guacamole eingeben müssen; Und um das Ganze abzurunden, das Übliche, Fügen Sie ein benutzerdefiniertes Theme hinzu, Nah am Nutzer, körperschaftlich, mit Logos, Geldmittel, Firmenfarben…
Brunnen, Erinnern, In einem früheren Beitrag haben wir bereits So installieren Sie Apache Guacamole, además de wie man es in Active Directory integriert. Eine großartige Open-Source-Lösung, die einen sicheren Fernzugriff auf Computer über das Internet ermöglicht. Brunnen, Wie ich schon sagte, Heute ist es an der Zeit, das Motiv zu wechseln und es cool zu machen, Wir werden sehen, was wir minimal spielen müssen, um es in Ordnung zu lassen.
Standard-Standort
Damit Apache Guacamole die Standardseite in unserem Tomcat ist. Einfach, Wir werden Tomcat stoppen, Benennen Sie die App in ROOT um und starten Sie Guacamole erneut; Im Hafen 8080 Er wird ohne /guacamole/ antworten
systemctl stop tomcat9 cd /var/lib/tomcat9/webapps/ rm -rf ROOT mv guacamole.war ROOT.war systemctl start tomcat9
Aber seien Sie vorsichtig! wenn wir einen Reverse-Proxy mit Apache haben, modificamos también el fichero /etc/apache2/sites-available/default-ssl.conf con los siguientes cambios:
De:
<Standort /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/
Und wir haben Apache neu gestartet:
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: |
Breite: 3em; Höhe: 3em; background-size: 3em 3em; -moz-background-size: 3em 3em; -webkit-background-size: 3em 3em; -khtml-background-size: 3em 3em; |
Breite: 235Pixel; Höhe: 55Pixel; 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;Breite:3em;Höhe:3em;background-size:3em 3em;-moz-background-size:3em 3em;-webkit-b...
A:
...margin:.5em auto;Breite:235Pixel;Höhe:55Pixel;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" : "English",
A:
"NAME" : "Acceso a Mi PC", "NAME" : "Spanish",
Und wir starten Tomcat neu:
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:
Hintergrund:weiß;
A:
hintergrund-bild: URL (Englisch)('RUTA.jpg');background-size:Deckel;
Y también en /var/lib/tomcat9/webapps/guacamole/guacamole.css Dentro de la sección div.login-ui {
De:
Hintergrund: schwarz;
A:
hintergrund-bild: URL (Englisch)('RUTA.jpg'); background-size:Deckel;
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);
Añadimos:
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);
Añadimos:
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:
Hintergrund: transparent;
A:
Hintergrund: weiß;
E igualmente,
De:
Hintergrund: transparent;
A:
Hintergrund: weiß;
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: #7Nr. D0458;
Haciendo el cambio persistente
Algo muy importante y que no hemos comentado hasta ahora, pero el cambio del Logo, fondo y los CSS para su tamaño se pierden cada vez que la máquina se reinicia, hierfür, nos haremos unas copias de los archivos modificados en /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
Y con un pequeño script en el cron copiará cada vez que arranque el logo, fondo, los css… lo llamamos: (y lo hacemos ejecutable) /home/guacamole/no_borrar/cambia_tema_guacamole.sh con el siguiente contenido:
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 tomcat9 neu starten
Und wir haben es zum Beispiel in Cron eingefügt, damit die Maschine sie jedes Mal lädt, wenn sie startet, mit 'crontab -e':
@reboot Schlaf 30 && /Startseite/Guacamole/no_borrar/cambia_tema_guacamole.sh
Brunnen, Hinter diesem Badge, oder txapa in Bilbao, Ich hoffe, ihr habt etwas Cooles, Sie haben gesehen, dass es nichts kostet, ein benutzerdefiniertes Theme in Apache Guacamole zu setzen, Das mit einem Logo, einen Fonds, 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!
