将 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
已复制!
失败!