Apache Guacamole の企業テーマ
この投稿では、アパッチワカモレに美しいタッチを与えます, 一方では、デフォルトのサイトとして応答させます, ユーザーが/ guacamoleを入れなくても行きます; そして、それに加えて、いつもの, カスタムテーマを載せる, ユーザーに近い, 企業, ロゴ付き, 元手, 会社の色…
まぁ, 覚えておくために, 前の投稿では、すでに見ました Apache Guacamoleのインストール方法, 他に Active Directoryに統合する方法. インターネット経由でコンピューターに安全にリモートアクセスできるようにする優れたオープンソースソリューション. まぁ, 私が言ったように, 今日は、話題を変えてクールにする時が来ました, 私たちはそれをうまく残すために最小限に何をプレイするかを見ていきます.
デフォルトサイト
そのため、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=オン
宛先:
プロキシパスhttp://XXX.XXX.XXX.XXX:8080/ flushpackets=オン
そして、:
プロキシパスリバースhttp://XXX.XXX.XXX.XXX:8080/ワカモレ/
宛先:
プロキシパスリバースhttp://XXX.XXX.XXX.XXX:8080/
そして、Apacheを再起動しました:
systemctl Apache2 を再起動します
ロゴの変更
ロゴを変更するには, 私たちは単にそれを取り替えるだけです:
CP logo.png /var/lib/tomcat9/webapps/guacamole/images/guac-tricolor.png
ロゴを私たちに最適なサイズに適合させるため, /var/lib/tomcat9/webapps/guacamole/guacamole.css .login-ui .login-dialog .logo セクション内 { 変える:
| の: | 宛先: |
幅: 3全角; 高さ: 3全角; 背景サイズ: 3EMの3em; -moz-背景サイズ: 3EMの3em; -webkit-background-size: 3EMの3em; -khtmlの背景サイズ: 3EMの3em; |
幅: 235ピクセル; 高さ: 55ピクセル; 背景サイズ: 235ピクセル55px; -moz-背景サイズ: 235ピクセル55px; -webkit-background-size: 235ピクセル55px; -khtmlの背景サイズ: 235ピクセル55px; |
また、 /var/lib/tomcat9/webapps/guacamole/guacamole.min.css .login-ui セクション .login-dialog .logo にもあります。{
の:
...余地:.5EMオート;幅:3全角;高さ:3全角;背景サイズ:3EMの3em;-moz-背景サイズ:3EMの3em;-ウェブキット-B...
宛先:
...余地:.5EMオート;幅:235ピクセル;高さ:55ピクセル;背景サイズ:235ピクセル55px;-moz-背景サイズ:235ピクセル55px;-ウェブキット-B...
言語と簡単な説明文は、/var/lib/tomcat9/webapps/guacamole/translations/で変更することで変更できますen.json
の:
"名前" : "アパッチワカモレ", "名前" : "英語",
宛先:
"名前" : "マイコンピュータへのアクセス", "名前" : "スペイン語",
そして、Tomcatを再起動します:
systemctl tomcat9を再起動します
背景の変更
背景を変更し、デフォルトの白の代わりに画像を配置するには, /var/lib/tomcat9/webapps/guacamole/guacamole.min.css; div.login-ui セクション内{
の:
バックグラウンド:白い;
宛先:
背景画像: 関連URL('RUTA.jpg');背景サイズ:覆う;
また、/var/lib/tomcat9/webapps/guacamole/guacamole.css div.login-ui セクション内にもあります {
の:
バックグラウンド: 黒い;
宛先:
背景画像: 関連URL('RUTA.jpg');
背景サイズ:覆う;
センターボックスの変更
中央のフレームを変更したい場合は、, たとえば、エッジとシャドウを削除します, よりエレガントに見える陰影にします, /var/lib/tomcat9/webapps/ROOT/guacamole.min.css; .login-ui セクション .login-dialog 内{
取り去る:
境: 1PXソリッドRGBAの(0, 0, 0, 0.25); ボックスシャドウ: 1px 1px 2px rgba(0, 0, 0, 0.25);
足す:
背景色:RGBAの(0,0,0,0.2);
また、 /var/lib/tomcat9/webapps/ROOT/guacamole.css .login-ui セクションの .login-dialog でも同じです。 {
取り去る:
境: 1PXソリッドRGBAの(0, 0, 0, 0.25); ボックスシャドウ: 1px 1px 2px rgba(0, 0, 0, 0.25);
足す:
背景色: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.ボタン {
の:
背景色: #3C3C3Cの;
宛先:
背景色: #7D0458;
永続的な変更を行う
非常に重要なことであり、これまでコメントしていなかったこと, しかし、ロゴの変更, そのサイズの背景と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/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
そして、例えばそれをCronに入れて、マシンが起動するたびにロードされるようにします, 'crontab -e' を指定:
@reboot睡眠 30 && /ホーム/ワカモレ/no_borrar/cambia_tema_guacamole.sh
まぁ, このバッジの後ろ, またはビルバオのtxapa, 何かかっこいいものがあるといいな, Apache Guacamoleにカスタムテーマを配置するのに費用がかからないことがわかりました, ロゴ付きのもの, ファンド, ボタンの色を変更すると、さらにいくつかのトリックが完全に企業になります, したがって、すべてのポータルがカスタムの場合, ユーザーは、サイトにアクセスするときにより大きな自信を持つことができます, 幸せな上司…
tod@sへの抱擁!
