将 Web Interface 功能迁移至 StoreFront

注意:

单击新增功能了解与产品名变更有关的信息。

使用 JavaScript 调整、Citrix 发布的 API 或 StoreFront 管理控制台时,许多 Web Interface 自定义设置在 StoreFront 中都具有等效设置。

此表格包含自定义概述以及如何实现这些自定义的基本信息。

文件夹位置

  • 对于脚本自定义,向位于以下位置的 script.js 文件附加示例:

    C:\inetpub\wwwroot\Citrix\StoreNameWeb\custom

  • 对于样式自定义,向位于以下位置的 style.css 文件附加示例:

    C:\inetpub\wwwroot\Citrix\StoreNameWeb\custom

  • 对于动态内容,向位于以下位置的文本文件添加动态上下文:

    C:\inetpub\wwwroot\Citrix\StoreNameWeb\customweb

  • 如果采用的是多服务器部署,可以从 StoreFront 管理控制台或通过使用 PowerShell 复制其他服务器的所有更改。

注意:

Web Interface 允许单个用户自定义各种设置。目前,StoreFront 不具有此功能,尽管可以添加更多自定义设置以提供支持,但这不是本文讲述的重点。

Web Interface 功能 StoreFront 等效功能
使用管理控制台的自定义  
低分辨率图形布局、全分辨率图形布局、允许用户选择 不适用。StoreFront 自动检测并根据设备屏幕调整 UI。
启用搜索、禁用搜索 默认情况下启用搜索。要在桌面/Web UI 中禁用搜索框,请向 style.css 中添加以下样式:.search-container {display: none;}要在桌面/Web UI 中禁用搜索框,请向 style.css 中添加以下样式:#searchBtnPhone {display: none;}
启用刷新 默认启用(浏览器刷新)。
启用返回上一个文件夹 默认情况下不启用。要记住当前文件夹,并在加载时返回此文件夹,请向 script.js 中添加以下内容:CTXS.Extensions.afterDisplayHomeScreen = function () { // check if view was saved last time CTXS.ExtensionAPI.localStorageGetItem("view", function (view) { if (view) { // if view was saved, change to it CTXS.ExtensionAPI.changeView(view); } if (view == "store") { // if view is store, see if folder was saved CTXS.ExtensionAPI.localStorageGetItem("folder", function(folder) { if (folder != "") { // if folder was saved, change to it CTXS.ExtensionAPI.navigateToFolder(folder); } } ); } // set up monitoring of folder CTXS.Extensions.onFolderChange = function(folder) { CTXS.ExtensionAPI.localStorageSetItem("folder", folder); }; // set up monitoring of view CTXS.Extensions.onViewChange = function(newview) { // don’t retain search or appinfo views // instead, remember parent view. if ((newview != "appinfo") && (newview != "search")) { CTXS.ExtensionAPI.localStorageSetItem( "view", newview); } }; }); };
启用提示 由于 Citrix Workspace 应用程序面向触控和非触控设备,因此很少使用工具提示。可以通过自定义脚本添加工具提示。
图标视图、树视图、详细信息视图、列表视图、组视图、设置默认值视图、(低分辨率图形)图标视图、(低分辨率图形)列表视图、(低分辨率图形)默认值视图 Citrix Workspace 应用程序具有不同的 UI,因此这些选项不适用。可以使用 StoreFront 管理控制台配置视图。有关详细信息,请参阅为应用程序和桌面指定不同的视图
单选项卡式 UI、选项卡式 UI,包括“应用程序”选项卡、“桌面”选项卡、“内容”选项卡、(选项卡顺序) 默认情况下,Citrix Workspace 应用程序 UI 为选项卡式,应用程序和内容位于一个选项卡内,桌面位于另一个选项卡内。同时,还有一个可选的收藏夹选项卡。
标题徽标、文本颜色、标题背景色、标题背景图像 使用 StoreFront 管理控制台可实现等效的颜色和徽标。单击 StoreFront 管理控制台的操作窗格中的 自定义 Web 站点外观,在显示的屏幕上进行自定义。使用样式自定义,可以设置背景图像的标题。例如 .theme-header-bgcolor { background-image: url('spirals.png'); }
登录前欢迎消息 (Pre-locale)(标题、文本、超链接、按钮标签) 默认情况下,没有单独的预登录屏幕。此示例脚本可添加通过单击导航的消息框: var doneClickThrough = false; // Before web login CTXS.Extensions.beforeLogon = function (callback) { doneClickThrough = true; CTXS.ExtensionAPI.showMessage({ messageTitle: "Welcome!", messageText: "Only for \<a href="http://www.WWc.com" target="_blank"\>WWCo Employees", okButtonText: "Accept", okAction: callback }); }; // Before main screen (for native clients) CTXS.Extensions.beforeDisplayHomeScreen = function (callback) { if (!doneClickThrough) { CTXS.ExtensionAPI.showMessage({ messageTitle: "Welcome!", messageText: "Only for WWCo Employees", okButtonText: "Accept", okAction: callback }); } else { callback(); } };
登录屏幕标题、登录屏幕消息、登录屏幕系统消息 登录屏幕上有四个自定义区域:屏幕的顶部和底部(标题和页脚),以及登录框本身的顶部和底部:.customAuthHeader, .customAuthFooter .customAuthTop, .customAuthBottom { text-align: center; color: white; font-size: 16px; } 示例脚本(静态内容):\$('.customAuthHeader').html("Welcome to ACME");。示例脚本(动态内容):function setDynamicContent(txtFile, element) { CTXS.ExtensionAPI.proxyRequest({ url: "customweb/"+txtFile, success: function(txt) {\$(element).html(txt);}}); } setDynamicContent("Message.txt", ".customAuthTop");注意: 请勿在脚本中明确包含动态内容,或将其置于 custom 目录中,因为在此处所做的更改会强制所有客户端重新加载 UI。请将动态内容放置在 customweb 目录中。
应用程序屏幕欢迎消息、应用程序屏幕系统消息 请参阅上述关于 CustomAuth 欢迎屏幕的示例。请参阅上述关于动态内容的示例。请使用 #customTop 而非 .customAuthTop 来放置主屏幕上的内容。
页脚文本(所有屏幕) 示例脚本: #customBottom { text-align: center; color: white; font-size: 16px; }** Example static content using a script: **\$('\#customBottom').html("Welcome to ACME");
没有直接等效设置的功能  
不包含标题的登录屏幕、包含标题的登录屏幕(包括消息) StoreFront 中没有等效设置。但是,您可以创建自定义标题。请参阅上面的登录屏幕标题
用户设置 默认情况下,没有用户设置。您可以通过 JavaScript 添加菜单和按钮。
工作区控制 管理员设置的等效功能。扩展 API 提供了其他及其重要的灵活性。请参阅 http://www.citrix.com/go/citrix-developer/storefront-receiver-developer-community/receiver-customization-api.html
深层次的自定义(代码)  
ICA 文件生成挂钩和其他调用路由自定义 等效或更好的 API。 http://www.citrix.com/go/citrix-developer/storefront-receiver-developer-community/store-customization-sdk.html
身份验证自定义 等效或更好的 API。 http://www.citrix.com/go/citrix-developer/storefront-receiver-developer-community/store-authentication-sdks.html
JSP/ASP 源访问 由于 UI 的呈现方式不同,因此,StoreFront 上不提供等效 API。有很多 JavaScript API 可启用 UI 自定义。
上一步

将 Web Interface 功能迁移至 StoreFront

本文中包含的内容