Citrix Gateway 自訂登入頁面-兩種方案全解析

2022 May 03

一、圖形化自訂登入頁面

■優點:實現快速、簡單,不需做程式碼開發。
■缺點:僅可做管理介面中允許自訂的字體、顏色、圖片。

                                 (圖:可自訂的部分)

打開Citrix Gateway管理頁面,在Configuration選項卡中,從左側的樹形導航功能表中找到NetScaler Gateway然後按一下Portal Themes,可以創建新主題或者選擇清單中已有的主題進行編輯。

操作詳情參見Citrix官網Citrix Gateway產品文檔描述,https://docs.citrix.com/zh-cn/citrix-gateway/13/vpn-user-config/custom-portal.html

1.1    操作示例

1.

2.添加或修改Login Page

3.修改Page Title並保存

二、手動創建自訂登入頁面

■優點:自由修改、添加登入頁面呈現的元素。
■缺點:受限於Gateway本身設計的前端模式,需先讀懂已有的前端結構,需要在已有的前端結構中進行代碼開發。
■SSH登錄到AD
■進入shell
■在/netscaler/ns_gui/vpn目錄下修改對應的檔

例如修改 /netscaler/ns_gui/vpn/js/gateway_login_view.js 中的內容

 

修改後的效果如下圖:

2.1 常見的自訂示例

示例環境為Citrix Gateway集成Citrix Virtual Apps and Desktops(虛擬桌面&虛擬應用)產品,同時集成協力廠商身份驗證基於 SAML實現單點登錄。

1.修改/netscaler/ns_gui/vpn/index.html

2.替換/netscaler/ns_gui/vpn/images/AccessGateway.ico圖示

3.替換/netscaler/ns_gui/vpn/media/ns_gateway_logo_center.png圖示

4.替換/netscaler/ns_gui/vpn/images/NetScaler-AAA-logo-white-header.png圖示

5.修改/var/netscaler/logon/LogonPoint/tmindex.html

將title的屬性class=”_ctxstxt_NetscalerAAA”刪除掉,把title標籤中的內容修改為需要顯示的內容。

1.替換/var/netscaler/logon/LogonPoint/receiver/images/common/icon_vpn.ico

上述所做的修改,為了防止ADC重啟後遺失修改,將修改的檔備份到 /var/vpn/vpn 目錄下,目錄結構要與 /netscaler/ns_gui/vpn 目錄內的對應上。

 

https://discover-thefutureofwork-tw.cloud/2022/04/26/how-to-customize-login-portal-with-citrix-gateway/

返回