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, Wir ändern auch die Datei /etc/apache2/sites-available/default-ssl.conf mit den folgenden Änderungen:

Von:

<Standort /guacamole/>

An:

<Ort/>

Von:

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

An:

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

Und von:

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

An:

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

Und wir haben Apache neu gestartet:

Systemctl Apache2 neu starten

Ändern des Logos

So ändern Sie das Logo, Wir ersetzen es einfach:

CP logo.png /var/lib/tomcat9/webapps/guacamole/images/guac-tricolor.png

Um das Logo an die Größe anzupassen, die uns am besten passt, in /var/lib/tomcat9/webapps/guacamole/guacamole.css im Abschnitt .login-ui .login-dialog .logo { Veränderung:

Von:

An:

Breite: 3Em;
Höhe: 3Em;
background-size: 3EM 3em;
-moz-background-size: 3EM 3em;
-webkit-hintergrund-grösse: 3EM 3em;
-khtml-background-size: 3EM 3em;

Breite: 235Pixel;
Höhe: 55Pixel;
background-size: 235px 55px;
-moz-background-size: 235px 55px;
-webkit-hintergrund-grösse: 235px 55px;
-khtml-background-size: 235px 55px;

Und auch in /var/lib/tomcat9/webapps/guacamole/guacamole.min.css im .login-ui-Abschnitt .login-dialog .logo{

Von:

...Rand:.5em auto;Breite:3Em;Höhe:3Em;background-size:3EM 3em;-moz-background-size:3EM 3em;-Webkit-B...

An:

...Rand:.5em auto;Breite:235Pixel;Höhe:55Pixel;background-size: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

Von:

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

An:

"NAME" : "Zugriff auf den Arbeitsplatz",
"NAME" : "Spanisch",

Und wir starten Tomcat neu:

Systemctl Tomcat9 neu starten

Ändern des Hintergrunds

So ändern Sie den Hintergrund und fügen ein Bild anstelle des standardmäßigen weißen Bildes ein, in /var/lib/tomcat9/webapps/guacamole/guacamole.min.css; innerhalb des div.login-ui-Abschnitts{

Von:

Hintergrund:weiß;

An:

hintergrund-bild: URL (Englisch)('RUTA.jpg');background-size:Deckel;

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

Von:

Hintergrund: schwarz;

An:

hintergrund-bild: URL (Englisch)('RUTA.jpg');
background-size:Deckel;

Ändern des Mittelfelds

Wenn wir Lust haben, den Mittelrahmen zu modifizieren, Entfernen Sie z. B. die Kante und den Schatten, und machen Sie es zu einer Schattierung, die eleganter aussieht, in /var/lib/tomcat9/webapps/ROOT/guacamole.min.css; innerhalb der .login-ui-Sektion .login-dialog{

Entfernen:

Grenze: 1PX Solid RGBA(0, 0, 0, 0.25);
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);

Hinzufügen:

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

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

Entfernen:

Grenze: 1PX Solid RGBA(0, 0, 0, 0.25);
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);

Hinzufügen:

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

Feld für Benutzername und Passwort

Das Feld für Benutzername und Passwort ist transparent, Wir setzen es wie folgt weiß, in /var/lib/tomcat9/webapps/ROOT/guacamole.min.css; innerhalb des .login-ui-Abschnitts .login-fields .labeled-field.leere Eingabe{

Von:

Hintergrund: durchsichtig;

An:

Hintergrund: weiß;

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

Von:

Hintergrund: durchsichtig;

An:

Hintergrund: weiß;

Farbe der Schaltfläche

Und als Letzter kommen, So ändern Sie die Farbe der Schaltfläche, jeder nach seinem Geschmack, Hallöchen!: In /var/lib/tomcat9/webapps/ROOT/guacamole.css im Eingabebereich[type=”Senden”], Knopf, a.Schaltfläche {

Von:

Hintergrundfarbe: #3C3C3C;

An:

Hintergrundfarbe: #7Nr. D0458;

Die anhaltende Veränderung vornehmen

Etwas sehr Wichtiges, zu dem wir uns bis jetzt noch nicht geäußert haben, aber die Änderung des Logos, Hintergrund und CSS für seine Größe gehen bei jedem Neustart des Rechners verloren, hierfür, 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_borrar/ cp /var/lib/tomcat9/webapps/ROOT/guacamole.css /home/guacamole/no_borrar

Und mit einem kleinen Skript im Cron kopiert es jedes Mal, wenn Sie das Logo booten, Unteres, Die CSS… Wir nennen es: (und machen Sie es ausführbar) /Startseite/Guacamole/no_borrar/cambia_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 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, Ändern Sie die Farbe des Buttons und einige weitere Tricks werden vollständig korporativ sein, Wenn also alle unsere Portale individuell sind, Die Benutzer werden ein größeres Gefühl des Vertrauens haben, wenn sie die Websites betreten, Die glücklichen Chefs…

Eine Umarmung an tod@s!