零代码完成RDS RDWeb门户和应用图标的美化和个性化

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了零代码完成RDS RDWeb门户和应用图标的美化和个性化相关的知识,希望对你有一定的参考价值。

个性化RDWeb界面

RDWeb原生界面相对比较简洁,每个企业部署的RDWeb都是千篇一律的,有些用户可能希望将网页装饰得个性化点。在谈到自定义Web界面,第一反应可能是使用代码进行编写,但是这里要和大家分享的是无代码美化和自定义RDWeb界面,因为笔者不会开发,也不会在此探讨如何开发RDWeb界面,所有界面自定义是在不改变RDWeb布局的前提下完成。RDWeb构建在IIS站点基础之上,网站主题都是可以通过配置文件进行自定义的。

RD Web主题、网页背景、主题和图标都在RDWeb服务器上的C:\Windows\Web\RDWe

b\Pages\Images文件夹下进行编辑。RDWeb门户背景实际上是一张图片,我们选择一张1199*1288分辨率的图片,命名为bg_globe_01,为了防止重名,我们把\Pages\Images里名为bg_globe_01的原图改成其他的名字,比如后缀加_bak,然后将自己选择的图片复制到C:\Windows\Web\RDWeb\Pages\Images文件夹里,如图1所示。

技术分享

1更换RDWeb门户背景

选择一张900x90.JPG图片命名为banner_01,在Pages\Image下,为了防止重名,我们将原有的图片改成其他名字,比如后缀加_bak。然后将自己选择的命名为的banner_01的图片复制到C:\Windows\Web\RDWeb\Pages\Images文件夹里。

选择一张900x50.JPG图片命名为的banner_02,在Pages\Image下,为了防止重名,我们将原有的图片改成另外的名字,比如后缀加_bak。然后将自己选择的命名为的banner_02的图片复制到C:\Windows\Web\RDWeb\Pages\Images文件夹里。

选择一张小的.PNG图片命名为的logo_01,在Pages\Image下,为了防止重名,我们将原有的图片改成另外的名字,比如后缀加_bak。然后将自己选择的命名为的logo_01的图片复制到C:\Windows\Web\RDWeb\Pages\Images文件夹里。

选择一张小的.PNG图片命名为的logo_02,在Pages\Image下,为了防止重名,我们将原有的图片改成另外的名字,比如后缀加_bak。然后将自己选择的命名为的logo_02的图片复制到C:\Windows\Web\RDWeb\Pages\Images文件夹里。

如图2所示,我们替换了5张背景和Logo图片。如果需要改回来原样,可以删除自定义的图片,然后把系统默认图片的名字改回原来的名字即可。

技术分享

2 更换RDWeb门户主题

       改完后的效果如图3所示,背景换了,在顶部换了两个不同宽同长的横条,并且换了两个图标。

技术分享

3更换门户背景的效果

       要修改Web主题,进入到C:\Windows\Web\RDWeb\Pages目录下修改,注意在修改任何一个配置文件前需要备份一份副本。RDWeb\Pages用记事本打开Site.xsl,找到如下部分:

<td><xsl:value-of select="@workspacename"/></td>

将这一行替换成如下内容。

<td><xsl:value-of select="$strings[@id = ‘HeadingCompanyName‘]"/></td> 

然后在C:\Windows\Web\RDWeb\Pages\zh-CN\用记事本打开RDWAStrings.xml,添加以下这条信息即可,加底色的内容是要替换的字符,我们示例将公司名字定义为Contoso公司,加底色的内容可以替换成你自己定义的名称。

<string id="HeadingCompanyName">Contoso公司</string>

同时,在底下的副标题里把加底色部分替代成自己要定义的名字即可,我们示例将应用名字定义为远程应用体验,加底色的内容可以替换成你自己定义的名称。

<string id="HeadingApplicationName">远程应用体验</string>

如果要修改门户改右上方的标题,把如下加底色的部分替代即可,我们示例将标题改为远程访问,加底色的内容可以替换成你自己定义的名称:

<string id="HeadingRDWA">RDWeb访问</string>

RDWeb还有两个链接:“RemoteApp 和桌面连接到远程电脑,这两个链接分别打开RemoteApp和远程桌面连接。这两个链接可以在C:\Windows\Web\RDWeb\Pages\zh-CN下,使用记事本打开编辑default.aspx ,把以下两条信息改成要显示的内容,我们示例将远程应用标签改为我的远程应用,将桌面标签改为我的应用,加底色的内容可以替换成你自己定义的名称。

const string L_RemoteAppProgramsLabel_Text = "我的远程应用";

const string L_DesktopTab_Text = "我的桌面";

但是这个修改只针对RemoteApp生效,如果切换到连接到远程电脑链接,那么现有的连接名又会变成“RemoteApp 和桌面连接到远程电脑,所以还需要在C:\Windows\Web\RDWeb\Pages\zh-CN下,使用记事本打开编辑Desktops.aspx 把以下两条信息改成和default.aspx里面修改的一样的内容。加底色的内容可以替换成你自己定义的名称。

const string L_RemoteAppProgramsLabel_Text = "我的远程应用";

const string L_DesktopTab_Text = "我的桌面";

这样就改完了RDWeb的主题,从客户端打开RDWeb,效果就定义成如图4所示的效果了。如果使用了多台RDWA服务器,则需要把其他RDWA服务器的原配置文件备份好后再把在第一台服务器上配置修改复制到其他RDWA服务器。

技术分享

4 更换RDWeb门户元素的效果

 

个性化RemoteApp应用图标

RemoteApp可以同时多次发布一个应用程序,多次发布同一个应用程序的时候,它们的图标都是完全一样的,除了视图不够友好,用户在使用时也不太好分辨。我们可以在RDCB服务器上完成应用图标的个性化。由于多次发布同一个应用时RemoteApp按照应用进程发布顺序给应用进程后缀用数字按序进行标识,比如发布多个基于IEB/S RemoteApp程序,那么RemoteApp程序的别名分别为iexploreiexplore(1)iexplore(2)iexplore(3)……,如图5所示。记住RemoteApp程序显示名和别名将有助于接下来我们自定义应用图标时能准确找到RemoteApp程序。

技术分享

5发布多个相同的应用

登录到任意一台安装有RDCB角色的服务器,打开以下目录:C:\Windows\RemotePack

ages\CPubFarms\collectionname\CPubRemoteApps目录。其中,collectionnameRemoteA

pp集合的名字,如果有多个集合,则需要进入到不同的路径下修改。在更改应用显示图标之前,首先需要为应用找到相关的ico图标文件,ico文件就是RDWA门户上看到的应用略缩图图标。通常有两种方法获取自定义ico文件,第一种就是从电脑缓存里获取,比如在访问过www.bing.com的网页后,会在本地缓存bing的站点图标,将图标复制出来备用。另一种方法是在线制作ico图标文件,上传将一张选择好的jpg/png图片,按照期望的分辨率生成ico文件并下载到本地备用。

       比如我们新建了一个名为Office_Apps的集合,并基于IE浏览器发布了Bing搜索网站的RemoteApp,在RDWA网页上看到的图标就是一个IE图标,在后台文件显示的别名是iexplore。只要把名为bingico图标复制到C:\Windows\RemotePackages\CPubFarms\Office_Apps\CPubRemoteApps里,为了避免重名,我们将原来的iexplore的名字变更为iexplore-bak,然后将名为bingico文件改名为iexplore,如图6所示。如果发布了多个基于IERemoteApp,则需要找到正确的应用别名,复制自定义的ico文件到该目录下并改成原有的别名。

技术分享 

6 准备自定义应用图标

       改完之后的效果如图7所示,原来的图标的别名(改成了iexplore-bak)因为无法被RemoteApp系统所识别,所以这个图标暂时失效。

技术分享 

7 后台更换应用图标

登录到RDWA页面,可以看到原来IE图标换成了Bing的网页图标。这样一眼就能分辨出来是什么应用,如图8所示。

技术分享 

8 RDWeb更新到自定义图标

       同样的原理,可以为其他RemoteApp程序修改图标,比如图9示发布的团队共享文件夹的图标和普通文件夹的图标完全不一样。

技术分享 

9 更换其他应用图标

 

 

本文出自 “黄利军的博客” 博客,转载请与作者联系!

以上是关于零代码完成RDS RDWeb门户和应用图标的美化和个性化的主要内容,如果未能解决你的问题,请参考以下文章

黑苹果系统安装后-引导界面美化

微软宣布新版Microsoft Office门户应用向所有用户推出

Windows Terminal的美化与使用(取代CMD)

WordPress美化百度分享默认图标

Android Studio作业——APP门户设计

为网站文字前面添加图标 在线调用 Font Awesome 字体图标 美化网站