Apache Guacamole 中的企业主题
在这篇文章中，我们将为 Apache Guacamole 画上美丽的句号, 一方面，我们将让它作为默认站点进行响应, 无需用户放置 /guacamole; 最重要的是，通常的, 在其上放置自定义主题, 贴近用户, 企业, 带徽标, 基金, 公司颜色…
井, 要记住, 在之前的文章中，我们已经看到了 如何安装 Apache Guacamole, 此外 如何将其集成到 Active Directory 中. 一个出色的开源解决方案，支持通过 Internet 安全地远程访问计算机. 井, 正如我所说, 今天是时候改变话题，让它变得很酷了, 我们将看看至少玩什么才能让它保持良好.
默认站点
因此 Apache Guacamole 是我们 Tomcat 中的默认站点. 只是, 我们将停止 Tomcat, 将应用程序重命名为 ROOT 并再次启动 Guacamole; 在港口 8080 他会不带 /guacamole/ 回答
systemctl stop tomcat9 cd /var/lib/tomcat9/webapps/ rm -rf ROOT mv guacamole.war ROOT.war systemctl start tomcat9
但要小心! 如果我们有 Apache 的反向代理, 我们还修改了 /etc/apache2/sites-available/default-ssl.conf 文件，进行了以下更改:
之:
<地点 /鳄梨酱/>
自:
<位置/>
之:
代理通行证 http://XXX.XXX.XXX.XXX:8080/鳄梨酱/ flushpackets=on
自:
代理通行证 http://XXX.XXX.XXX.XXX:8080/ flushpackets=on
和:
ProxyPassReverse http://XXX.XXX.XXX.XXX:8080/调味 酱/
自:
ProxyPassReverse http://XXX.XXX.XXX.XXX:8080/
我们重新启动了 Apache:
Systemctl Restart Apache2
更改 Logo
更改徽标, 我们只需更换它:
CP logo.png /var/lib/tomcat9/webapps/guacamole/images/guac-tricolor.png
使徽标适应最适合我们的尺寸, 在 /var/lib/tomcat9/webapps/guacamole/guacamole.css 的 .login-ui .login-dialog .logo 部分 { 改变:
| 之: | 自: |
宽度: 3em; 高度: 3em; 背景大小: 3em 3em; -moz-background-size （莫兹背景大小）: 3em 3em; -webkit-background-size: 3em 3em; -khtml-背景大小: 3em 3em; |
宽度: 235Px; 高度: 55Px; 背景大小: 235像素 55px; -moz-background-size （莫兹背景大小）: 235像素 55px; -webkit-background-size: 235像素 55px; -khtml-背景大小: 235像素 55px; |
在 /var/lib/tomcat9/webapps/guacamole/guacamole.min.css 的 .login-ui 部分 .login-dialog .logo 中{
之:
...边缘:.5em 自动;宽度:3em;高度:3em;背景大小:3em 3em;-moz-background-size （莫兹背景大小）:3em 3em;-Webkit-B...
自:
...边缘:.5em 自动;宽度:235Px;高度:55Px;背景大小:235像素 55px;-moz-background-size （莫兹背景大小）:235像素 55px;-Webkit-B...
我们可以通过更改 /var/lib/tomcat9/webapps/guacamole/translations/来更改语言和简短描述en.json
之:
"名字" : "阿帕奇鳄梨酱", "名字" : "英语",
自:
"名字" : "访问我的电脑", "名字" : "西班牙语",
然后我们重新启动 Tomcat:
Systemctl 重启 tomcat9
更改背景
更改背景并放置图像而不是默认白色, 在 /var/lib/tomcat9/webapps/guacamole/guacamole.min.css 中; 在 div.login-ui 部分{
之:
背景:白;
自:
背景图像: 网址('RUTA.jpg');背景大小:盖;
此外，在 /var/lib/tomcat9/webapps/guacamole/guacamole.css 的 div.login-ui 部分内 {
之:
背景: 黑;
自:
背景图像: 网址('RUTA.jpg');
背景大小:盖;
更改中心框
如果我们想修改中心框架, 例如，移除边缘和阴影, 并使其成为看起来更优雅的阴影, 在 /var/lib/tomcat9/webapps/ROOT/guacamole.min.css; 在 .login-ui 部分 .login-dialog 中{
删除:
边境: 1PX 实心 RGB(0, 0, 0, 0.25); box-shadow （框阴影）: 1像素 1px 2px RGBA(0, 0, 0, 0.25);
加:
background-color （背景色）:RGBA(0,0,0,0.2);
在 /var/lib/tomcat9/webapps/ROOT/guacamole.css 中也是如此。在 .login-ui 部分 .login-dialog 中 {
删除:
边境: 1PX 实心 RGB(0, 0, 0, 0.25); box-shadow （框阴影）: 1像素 1px 2px RGBA(0, 0, 0, 0.25);
加:
background-color （背景色）:RGBA(0,0,0,0.2);
用户名和密码字段
用户名和密码字段是透明的, 我们把它放成白色如下, 在 /var/lib/tomcat9/webapps/ROOT/guacamole.min.css; 在 .login-ui 部分中 .login-fields .labeled-field.empty 输入{
之:
背景: 透明;
自:
背景: 白;
同样,
之:
背景: 透明;
自:
背景: 白;
按钮颜色
最后来, 更改按钮的颜色, 每个人都有自己的口味, 嘿!: 在 /var/lib/tomcat9/webapps/ROOT/guacamole.css 的输入部分[类型=”提交”], 按钮, a.按钮 {
之:
background-color （背景色）: #3C3C3C 型;
自:
background-color （背景色）: #7编号 D0458;
进行持久更改
一些非常重要的事情，直到现在我们还没有发表评论, 但 Logo 的更改, background 及其大小的 CSS 在每次计算机重新启动时都会丢失, 为此, 我们将在 /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
在 cron 中加入一个小脚本，每次你启动徽标时，它都会复制, 底, css… 我们称之为: (并使其可执行) /首页/鳄梨酱/no_borrar/cambia_tema_guacamole.sh 包含以下内容:
cp /home/鳄梨酱/no_borrar/logo.png /var/lib/tomcat9/webapps/ROOT/images/guac-tricolor.png cp /home/鳄梨酱/no_borrar/guacamole.css /var/lib/tomcat9/webapps/ROOT/guacamole.css cp /home/鳄梨酱/no_borrar/guacamole.min.css /var/lib/tomcat9/webapps/ROOT/guacamole.min.css cp /home/鳄梨酱/no_borrar/en.json /var/lib/tomcat9/webapps/ROOT/translations/en.json systemctl restart tomcat9
例如，我们将其放在 Cron 中，这样每次机器启动时它都会加载它, 使用 'crontab -e':
@reboot睡眠 30 && /首页/鳄梨酱/no_borrar/cambia_tema_guacamole.sh
井, 此徽章背后, 或毕尔巴鄂的 txapa, 我希望你有一些很酷的东西, 您已经看到，在 Apache Guacamole 中放置自定义主题不需要任何成本, 带有 Logo 的, a 基金, 更改按钮的颜色，更多技巧将完全是公司的, 因此，如果我们所有的门户都是自定义的, 用户在进入网站时将有更大的信心, 快乐的老板…
拥抱tod@s!
