加载中…如何部署一个UI5应用到Fiori Launchpad
(2017-10-15 08:52:18)
标签：
fiori_launchpad配置磁贴configure_tile |
分类： SAP_Fiori_Launchpad |
一.Demo环境
SAP系统版本：SAP NetWeaver
750；
SAP
GUI版本：740
SAP
GUI补丁版本：13
二.技术前提
初级SAP UI5开发；
熟悉使用SAP Web IDE开发SAP UI5应用；
熟悉Fiori Launchpad的个性化配置；
熟悉使用Fiori Launchpad
Designer;
三.步骤
3.1 SAP Web IDE:
开发一个目标UI5应用
3.1.1 有如下简单UI5应用
3.1.2 执行结果如下
3.2
3.2.1
部署UI5应用到前端服务器，Web IDE执行方式如下：
http://s10/mw690/0034z1Idzy7f1odEt97f9&690Launchpad" TITLE="如何部署一个UI5应用到Fiori Launchpad" />
点击“下一步”输入创建一个BSP应用的必要信息
点击“下一步”输入创建一个BSP应用的必要信息
3.2.2
在SAP GUI中检查BSP应用的生成情况
检查BSP应用SICF节点激活状态
http://s7/mw690/0034z1Idzy7f1oCVc90b6&690Launchpad" TITLE="如何部署一个UI5应用到Fiori Launchpad" />
如果状态是非激活状态，需要手工激活
如果状态是非激活状态，需要手工激活
3.3 SAP GUI:
定义语义对象，目的是将目标URL进行业务映射
3.3.1
Tcode:
执行以上Tcode,在如下视图中添加一条记录
3.4 FIori Launchpad Designer:
创建目录，创建目标映射，创建磁贴
Fiori Launchpad
Designer
https://:/sap/bc/ui5_ui5/sap/arsrvc_upb_admn/main.html?scope=CUST
页面如下
3.4.1
创建目录(Catalog)
点击加号图标
http://s8/mw690/0034z1Idzy7f1p3vX2n57&690Launchpad" TITLE="如何部署一个UI5应用到Fiori Launchpad" />
输入所需目录ID以及描述，点击“保存”
输入所需目录ID以及描述，点击“保存”
http://s7/mw690/0034z1Idzy7f1pbHQfs86&690Launchpad" TITLE="如何部署一个UI5应用到Fiori Launchpad" />
一个新的目录创建成功，如下
一个新的目录创建成功，如下
3.4.2
创建目标映射(Target Mapping)
点击Target Mappinig
图标页签
http://s16/mw690/0034z1Idzy7f1prEkKHaf&690Launchpad" TITLE="如何部署一个UI5应用到Fiori Launchpad" />
在页面底部，点击“配置目标映射”
在页面底部，点击“配置目标映射”
http://s13/mw690/0034z1Idzy7f1pC4GKgbc&690Launchpad" TITLE="如何部署一个UI5应用到Fiori Launchpad" />
输入所需信息，点击“保存”
输入所需信息，点击“保存”
http://s7/mw690/0034z1Idzy7f1pFkoC226&690Launchpad" TITLE="如何部署一个UI5应用到Fiori Launchpad" />
目标映射创建成功，如下所示
目标映射创建成功，如下所示
3.4.3
创建磁贴(Tile)
选择Tile图标页签
http://s5/mw690/0034z1Idzy7f1pSa9w094&690Launchpad" TITLE="如何部署一个UI5应用到Fiori Launchpad" />
在页面底部，点击“配置磁贴”
在页面底部，点击“配置磁贴”
http://s4/mw690/0034z1Idzy7f1pXpiO7f3&690Launchpad" TITLE="如何部署一个UI5应用到Fiori Launchpad" />
选择磁贴类型，在此Demo中，选择静态(Static)磁贴类型
选择磁贴类型，在此Demo中，选择静态(Static)磁贴类型
http://s12/mw690/0034z1Idzy7f1q1L9vJeb&690Launchpad" TITLE="如何部署一个UI5应用到Fiori Launchpad" />
输入如下所需信息，点击“保存”
输入如下所需信息，点击“保存”
http://s6/mw690/0034z1Idzy7f1q5GznDc5&690Launchpad" TITLE="如何部署一个UI5应用到Fiori Launchpad" />
磁贴创建成功，如下所示
磁贴创建成功，如下所示
3.4.4 磁贴预览
3.5 SAP GUI:
定义PFCG角色，添加目录，分配用户
3.5.1 创建一个PFCG角色，假设此角色已经创建
3.5.2 为以上角色添加目录(Catalog)
http://s10/mw690/0034z1Idzy7f1qotRb399&690Launchpad" TITLE="如何部署一个UI5应用到Fiori Launchpad" />
选择上述步骤中创建好的Catalog ID
选择上述步骤中创建好的Catalog ID
3.6 Fiori Launchpad:
添加应用，打开应用
Tcode:/UI2/FLP
http://s12/mw690/0034z1Idzy7f1qIgrEL0b&690Launchpad" TITLE="如何部署一个UI5应用到Fiori Launchpad" />
点击图标按钮“用户”，并点击“编辑主页”
点击图标按钮“用户”，并点击“编辑主页”
http://s10/mw690/0034z1Idzy7f1qSxWKB09&690Launchpad" TITLE="如何部署一个UI5应用到Fiori Launchpad" />
定位到上述步骤中创建的应用，点击图钉图标按钮
定位到上述步骤中创建的应用，点击图钉图标按钮
http://s12/mw690/0034z1Idzy7f1qYFXSj0b&690Launchpad" TITLE="如何部署一个UI5应用到Fiori Launchpad" />
退回到上一页，磁贴显示，点击“关闭”
退回到上一页，磁贴显示，点击“关闭”
http://s6/mw690/0034z1Idzy7f1r3gRRrd5&690Launchpad" TITLE="如何部署一个UI5应用到Fiori Launchpad" />
磁贴添加成功，如下所示
磁贴添加成功，如下所示
点击磁贴，打开UI5应用
http://s7/mw690/0034z1Idzy7f1ra98k6b6&690Launchpad" TITLE="如何部署一个UI5应用到Fiori Launchpad" />
我们通过以上步骤部署的UI5应用，成功部署到Fiori Launchpad并打开。
我们通过以上步骤部署的UI5应用，成功部署到Fiori Launchpad并打开。
喜欢
0
赠金笔