Dans cet article, nous allons donner une belle touche à Apache Guacamole, D’une part, nous le ferons répondre comme le site par défaut, Allez sans que les utilisateurs aient à mettre le /guacamole; Et pour couronner le tout, l’habituel, y mettre un thème personnalisé, Proche de l’utilisateur, corporatif, avec logos, fonds, Couleurs de l’entreprise…

Puits, À retenir, Dans un précédent billet, nous avons déjà vu Comment installer Apache Guacamole, en outre comment l’intégrer dans Active Directory. Une excellente solution open source qui permet un accès à distance sécurisé aux ordinateurs via Internet. Puits, Comme je l’ai dit, Aujourd’hui, il est temps de changer de sujet et de le rendre cool, Nous verrons ce qu’il faut jouer au minimum pour que ça aille bien.

Site par défaut

Pour qu’Apache Guacamole soit le site par défaut dans notre Tomcat. Simplement, Nous arrêterons Tomcat, renommez l’application en ROOT et redémarrez Guacamole; Dans le port 8080 Il répondra sans /guacamole/

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

Mais attention! si nous avons un proxy inverse avec Apache, Nous modifions également le fichier /etc/apache2/sites-available/default-ssl.conf avec les modifications suivantes:

<Localisation /guacamole/>

À:

<Emplacement/>

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

À:

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

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

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

Et nous avons redémarré Apache:

systemctl redémarrer apache2

Changer le logo

Pour changer le logo, nous le remplaçons simplement:

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

Pour adapter le logo à la taille qui nous convient le mieux, dans /var/lib/tomcat9/webapps/guacamole/guacamole.css dans la section .login-ui .login-dialog .logo { Changement:

Largeur: 3Em;
hauteur: 3Em;
taille-arrière-plan: 3em 3em;
-moz-background-size: 3em 3em;
-webkit-taille-arrière-plan: 3em 3em;
-khtml-background-size: 3em 3em;

Largeur: 235Px;
hauteur: 55Px;
taille-arrière-plan: 235px 55px;
-moz-background-size: 235px 55px;
-webkit-taille-arrière-plan: 235px 55px;
-khtml-background-size: 235px 55px;

Et aussi dans /var/lib/tomcat9/webapps/guacamole/guacamole.min.css dans la section .login-ui .login-dialog .logo{

De:

...marge:.5em auto;Largeur:3Em;hauteur:3Em;taille-arrière-plan:3em 3em;-moz-background-size:3em 3em;-Webkit-B...

À:

...marge:.5em auto;Largeur:235Px;hauteur:55Px;taille-arrière-plan:235px 55px;-moz-background-size:235px 55px;-Webkit-B...

Nous pouvons changer la langue et la description courte en changeant dans /var/lib/tomcat9/webapps/guacamole/translations/en.json

De:

"NOM" : "Apache Guacamole",
"NOM" : "Anglais",

À:

"NOM" : "Accès au Poste de travail",
"NOM" : "Espagnol",

Et nous redémarrons Tomcat:

Systemctl Redémarrer tomcat9

Changer l’arrière-plan

Pour changer l’arrière-plan et mettre une image à la place du blanc par défaut, dans /var/lib/tomcat9/webapps/guacamole/guacamole.min.css; dans la section div.login-ui{

De:

arrière-plan:blanc;

À:

image-arrière-plan: URL('RUTA.jpg');taille-arrière-plan:couvrir;

Et aussi dans /var/lib/tomcat9/webapps/guacamole/guacamole.css Dans la section div.login-ui {

De:

arrière-plan: noir;

À:

image-arrière-plan: URL('RUTA.jpg');
taille-arrière-plan:couvrir;

Changer la boîte centrale

Si nous avons envie de modifier le cadre central, Par exemple, supprimer le bord et l’ombre, et en faire un ombrage plus élégant, dans /var/lib/tomcat9/webapps/ROOT/guacamole.min.css; dans la section .login-ui .login-dialog{

Enlever:

Frontière: 1px solide RGBA(0, 0, 0, 0.25);
boîte-ombre: 1px 1px 2px rgba(0, 0, 0, 0.25);

Ajouter:

couleur-fond:RGBA(0,0,0,0.2);

Et la même chose dans /var/lib/tomcat9/webapps/ROOT/guacamole.css À l’intérieur de la section .login-ui .login-dialog {

Enlever:

Frontière: 1px solide RGBA(0, 0, 0, 0.25);
boîte-ombre: 1px 1px 2px rgba(0, 0, 0, 0.25);

Ajouter:

couleur-fond:RGBA(0,0,0,0.2);

Champ du nom d’utilisateur et du mot de passe

Le champ du nom d’utilisateur et du mot de passe est transparent, Nous le mettons blanc comme suit, dans /var/lib/tomcat9/webapps/ROOT/guacamole.min.css; dans la section .login-ui .login-fields .labeled-field.empty entrée{

De:

arrière-plan: transparent;

À:

arrière-plan: blanc;

Et tout aussi bien, dans /var/lib/tomcat9/webapps/ROOT/guacamole.css Dans la section .login-ui .login-fields .labeled-field.empty entrée {

arrière-plan: transparent;

arrière-plan: blanc;

Couleur du bouton

Et viennent les derniers, Pour changer la couleur du bouton, chacun à son goût, hé!: Dans /var/lib/tomcat9/webapps/ROOT/guacamole.css dans la section d’entrée[type=”Envoyer”], bouton, a.bouton {

De:

couleur-fond: #3C3C3C;

À:

couleur-fond: #7D0458;

Effectuer le changement persistant

Quelque chose de très important et que nous n’avons pas commenté jusqu’à présent, mais le changement de Logo, background et CSS pour sa taille sont perdus à chaque redémarrage de la machine, pour cela, Nous ferons des copies des fichiers modifiés dans /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

Et avec un petit script dans le cron, il se copiera à chaque fois que vous démarrez le logo, fond, Le css… Nous l’appelons: (et le rendre exécutable) /Accueil/Guacamole/no_borrar/cambia_tema_guacamole.sh avec le contenu suivant:

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

Et on le met dans Cron par exemple pour qu’à chaque fois que la machine démarre, elle le charge, avec 'crontab -e':

@reboot sommeil 30 && /Accueil/Guacamole/no_borrar/cambia_tema_guacamole.sh

Puits, Derrière cet insigne, ou txapa à Bilbao, J’espère que vous avez quelque chose de cool, vous avez vu que cela ne coûte rien de mettre un thème personnalisé dans Apache Guacamole, Ça avec un logo, un fonds, Changez la couleur du bouton et quelques astuces supplémentaires seront totalement corporatives, Donc, si tous nos portails sont personnalisés, Les utilisateurs auront un plus grand sentiment de confiance lorsqu’ils entreront sur les sites, Les patrons heureux…

Un câlin à tod@s!