Unternehmensthema in Apache Guacamole

In diesem Beitrag werden wir Apache Guacamole eine schöne Note geben, Auf der einen Seite werden wir es als Standard-Site reagieren lassen, gehen, ohne dass Benutzer die / guacamole setzen müssen; und für das Sahnehäubchen wie gewohnt, Setzen Sie ein benutzerdefiniertes Thema, nah am nutzer, Firmen-, mit Logos, Geld, Firmenfarben…

gut, daran zu erinnern,, in einem früheren Beitrag haben wir es schon gesehen So installieren Sie Apache Guacamole, neben wie man es in Active Directory integriert. Eine fabelhafte Open-Source-Lösung, die einen sicheren Fernzugriff auf Computer über das Internet ermöglicht. gut, ich sagte:, Heute heißt es das Thema wechseln und cool lassen, Wir werden diese Berührung minimal sehen, damit es gut wird.

Standard-Site

Damit Apache Guacamole die Standard-Site in unserem Tomcat ist. einfach, wir werden den Kater stoppen, wir benennen die App in ROOT um und starten Guacamole neu; im Hafen 8080 reagiert ohne / guacamole /

systemctl stop tomcat9
cd /var/lib/tomcat9/webapps/
rm -rf ROOT
mv guacamole.war ROOT.war
systemctl start tomcat9

Aber Vorsicht! wenn wir einen Reverse-Proxy mit Apache haben, modificamos también el fichero /etc/apache2/sites-available/default-ssl.conf con los siguientes cambios:

Von:

<Location /guacamole/>

EIN:

<Location />

Von:

ProxyPass http://XXX.XXX.XXX.XXX:8080/guacamole/ flushpackets=on

EIN:

ProxyPass http://XXX.XXX.XXX.XXX:8080/ flushpackets=on

Y de:

ProxyPassReverse http://XXX.XXX.XXX.XXX:8080/guacamole/

EIN:

ProxyPassReverse http://XXX.XXX.XXX.XXX:8080/

Und Apache neu starten:

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:

Von: EIN:
Breite: 3em;
Höhe: 3em;
Hintergrund-Größe: 3em 3em;
-moz-background-size: 3em 3em;
-webkit-background-size: 3em 3em;
-khtml-background-size: 3em 3em;
Breite: 235px;
Höhe: 55px;
Hintergrund-Größe: 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{

Von:

...Spanne:.5em auto;Breite:3em;Höhe:3em;Hintergrund-Größe:3em 3em;-moz-background-size:3em 3em;-webkit-b...

EIN:

...Spanne:.5em auto;Breite:235px;Höhe:55px;Hintergrund-Größe:235px 55px;-moz-background-size:235px 55px;-webkit-b...

Wir können die Sprache und die Kurzbeschreibung ändern, indem wir in /var/lib/tomcat9/webapps/guacamole/translations/en.json ändern

Von:

"NAME" : "Apache Guacamole",
"NAME" : "Englisch",

EIN:

"NAME" : "Zugriff auf meinen Computer",
"NAME" : "Spanisch",

Und wir starten Tomcat neu:

systemctl Neustart Tomcat9

Hintergrund ändern

Um den Hintergrund zu ändern und ein Bild anstelle des standardmäßigen Weiß einzufügen, in /var/lib/tomcat9/webapps/guacamole/guacamole.min.css; im Abschnitt div.login-ui{

Von:

Hintergrund:Weiß;

EIN:

Hintergrundbild: url('RUTA.jpg');Hintergrund-Größe:Startseite;

Und auch in /var/lib/tomcat9/webapps/guacamole/guacamole.css Im Abschnitt div.login-ui {

Von:

Hintergrund: schwarz;

EIN:

Hintergrundbild: url('RUTA.jpg');
Hintergrund-Größe:Startseite;

Wechsel der Mittelbox

Wenn wir die zentrale Box ändern möchten, zum Beispiel Rand und Schatten entfernen, und machen Sie eine Schattierung, die eleganter ist, in /var/lib/tomcat9/webapps/ROOT/guacamole.min.css; im Abschnitt .login-ui .login-dialog{

Wir entfernen:

Rand: 1px solide rgba(0, 0, 0, 0.25);
Box Schatten: 1px 1px 2px rgba(0, 0, 0, 0.25);

wir fügen:

Hintergrundfarbe:RGBA(0,0,0,0.2);

Und das gleiche in /var/lib/tomcat9/webapps/ROOT/guacamole.css Im Abschnitt .login-ui .login-dialog {

Wir entfernen:

Rand: 1px solide rgba(0, 0, 0, 0.25);
Box Schatten: 1px 1px 2px rgba(0, 0, 0, 0.25);

wir fügen:

Hintergrundfarbe:RGBA(0,0,0,0.2);

Benutzer- und Passwortfeld

Das Feld für Benutzername und Passwort ist transparent, wir machen es weiß wie folgt, in /var/lib/tomcat9/webapps/ROOT/guacamole.min.css; im .login-ui .login-fields .labeled-field.empty Eingabebereich{

Von:

Hintergrund: transparent;

EIN:

Hintergrund: Weiß;

Und gleichermaßen, in /var/lib/tomcat9/webapps/ROOT/guacamole.css Innerhalb des Abschnitts .login-ui .login-fields .labeled-field.empty input {

Von:

Hintergrund: transparent;

EIN:

Hintergrund: Weiß;

Knopffarbe

Und komm zuletzt, um die Tastenfarbe zu ändern, jeder nach deinem Geschmack, eh!: In /var/lib/tomcat9/webapps/ROOT/guacamole.css im Eingabebereich[type =”einreichen”], Taste, ein Knopf {

Von:

Hintergrundfarbe: #3C3C3C;

EIN:

Hintergrundfarbe: #7d0458;

Die anhaltende Veränderung vornehmen

Etwas sehr Wichtiges und das wir bisher noch nicht kommentiert haben, aber die Änderung des Logos, Hintergrund und das CSS für seine Größe gehen bei jedem Neustart des Computers verloren, für sie, Wir werden Kopien der geänderten Dateien in / home / guacamole / no_borrar / erstellen

cp /var/lib/tomcat9/webapps/ROOT/guacamole.min.css / home / guacamole / no_delete /
cp /var/lib/tomcat9/webapps/ROOT/guacamole.css / home / guacamole / no_delete

Und mit einem kleinen Skript im Cron wird es jedes Mal kopiert, wenn das Logo startet, Unterseite, die CSS-Datei… Anruf: (und wir tun es ausführbar) /home / guacamole / not_delete / Cambio_tema_guacamole.sh mit folgendem Inhalt:

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 Neustart Tomcat9

Und wir haben es zum Beispiel in Cron eingefügt, damit es jedes Mal, wenn die Maschine startet, geladen wird, mit 'crontab -e':

@schlafen neu starten 30 && /Zuhause / guacamole / not_delete / change_theme_guacamole.sh

gut, hinter dieser Platte, das Abzeichen in Bilbao, Ich hoffe du hast was cooles, Sie haben gesehen, dass es nichts kostet, ein benutzerdefiniertes Thema in Apache Guacamole zu installieren, als mit Logo, Ein Hintergrund, Ändern Sie die Farbe des Knopfes und etwas mehr Magie wird ganz korporativ sein, Also wenn alle unsere Portale kundenspezifisch sind, Benutzer werden beim Betreten von Websites ein größeres Vertrauensgefühl haben, die chefs sind glücklich…

Eine Umarmung an alle!

Letzte Artikel von Hector Herrero (Alle anzeigen)