自2017年10月发布以来,SAP云平台门户管理员可以为其最终用户启用语言选择。对于使用SAPUI5 1.48及以上版本的门户网站,在站点设置屏幕中为自由式站点(在站点设计器中)和启动板站点(在Fiori配置驾驶舱中)启用语言设置。
门户管理员可以使用站点设计器中提供的翻译服务管理其门户站点中可用的翻译,并使用SAP云平台的翻译中心服务,大数据与云计算,以创建所需语言的实际翻译。整个流程在本博客中进行了描述:Feature Showcase–使用SAP Translation Hub翻译门户网站,人工智能有哪些领域,可应用于Fiori Launchpad(FLP)和freestyle门户网站。
一旦门户管理员启用,最终用户可以选择网站的首选语言。每次该用户登录时,网站都会以所选语言打开。在FLP和Freestyle门户网站中,语言选择都在网站设置屏幕中执行,该屏幕可从Me区域或Shell标题菜单选项中获得:
但是如果您的Freestyle门户网站不使用Fiori Shell标题,或者您只是想为最终用户语言选择创建不同的用户体验,该怎么办?
在本博客中,我们将介绍为自由式网站创建自定义语言选择器小部件所需的步骤。我们将使用的API可以在Shell插件中使用,为FLP门户网站创建自定义语言选择器。
您可以在我们为本博客创建的自由风格门户网站中自己尝试。打开链接并使用您的SAP社区ID登录。
该网站使用英文文本创建,但包含SAP Translation Hub服务中生成的其他4种语言(日语、德语、荷兰语和法语)的翻译:
步骤1:在SAP Web IDE中创建SAPUI5应用程序
在SAP Web IDE中
从顶级菜单中,选择"文件">"新建">"模板中的项目"以创建新项目选择SAPUI5应用程序模板并单击Next为项目命名:languageSelectorWidget并单击Next选择视图类型–XML,然后单击Finish
在您的工作区中创建一个新项目
第2步:开发SAPUI5应用程序
对于语言选择,我们将在应用程序的视图文件中使用一个简单的SAPUI5 Select控件,但是您可以使用原始HTML、外部基于JS的库控件或任何其他控件创建自己的体验SAPUI5控件
打开视图1。查看.xml文件将文件内容替换为以下代码:
打开视图1。控制器.js文件将onAfterRendering生命周期方法的以下代码添加到文件:
注意代码
为最终用户语言选择时调用的选择控件事件处理程序添加以下代码:
注意代码
步骤3:将应用程序转换为门户小部件
在继续此步骤之前,请确保已启用SAP Web IDE的门户插件。
要运行嵌入自由式门户网站页面的SAPUI5应用程序,我们需要将其转换为门户小部件。
右键单击languageSelectWidget项目根文件夹,大数据质量,然后选择convert To Portal service component在对话框
中,请注意项目中创建了一个新的描述符文件–该文件包含用于表示门户内容目录中小部件的属性。您可以从SAPUI5图标浏览器中为小部件缩略图选择一个图标并将其添加到描述符文件:
步骤4:将小部件应用程序部署到SAP云平台
现在该应用程序已准备好部署到SAP云平台,并可供门户管理员添加到其门户网站。
步骤5:将小部件添加到自由式门户网站
现在您可以继续:
有关构建自由式门户网站的更多信息,请参阅相关文档。
要管理网站翻译并创建新的翻译,永久免费的云服务器,请遵循以下blig:
功能展示-使用SAP Translation Hub翻译门户网站
最后,大数据算法,发布网站并尝试语言选择器小部件。在语言之间切换,注意所选语言将应用于登录用户访问站点时。