fbpx

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

一、圖形化自訂登入頁面

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

打開 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    操作示例

      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 目錄內的對應上。

發表迴響

Powered by WordPress.com.

Up ↑

%d 位部落客按了讚: