首页 > SAP > FIORI > SAP Web IDE学习UI5第四步—–把APP配置到FioriLaunchpad中
2019
08-27

SAP Web IDE学习UI5第四步—–把APP配置到FioriLaunchpad中

上一文SAP Web IDE学习UI5第三步—–把生成的APP发布到SAP服务器
在此把上一文中发布的APP,配置到FioriLaunchpad中。

how to deploy an SAPUI5 App on it

之前参照的一个网络文章再在没在了,为了能在此就能看到,所以照片着文章做一下,

一、用WEBIDE 做好一个APP,在此使用的APP是基于"SAP Fiori Master-Detail Appliction"生成的一个运用,我做了些修改,但主要还是模板内容。

二、把生成的APP发布到SAP,并生成BSP运用,之后可以在SE80中用BSP中查到,并且在SICF中的服务中也能看到,方法可参看:SAP Web IDE学习UI5第三步—–把生成的APP发布到SAP服务器

SAP Web IDE学习UI5第四步-----把APP配置到FioriLaunchpad中 - 第1张  | 优通SAP

三、配置生成的APP,以便于在Lunchpad中可以使用,这是我们要说的重点,以下分步骤来说明。

1.TCODE:/N/UI2/SEMOBJ ( 有的系统不加/N不能运行),定义一个语义对像ZXJLLB。

SAP Web IDE学习UI5第四步-----把APP配置到FioriLaunchpad中 - 第2张  | 优通SAP

2.FIori Launchpad Designer: 创建目录,创建目标映射,创建磁贴
LPD地址是:https://s4demo21.asjinfotech.com … _upb_admn/main.html
我增加了一个组名为:ZFICO.

SAP Web IDE学习UI5第四步-----把APP配置到FioriLaunchpad中 - 第3张  | 优通SAP

3.创建目标映射(Target Mapping)

SAP Web IDE学习UI5第四步-----把APP配置到FioriLaunchpad中 - 第4张  | 优通SAP

4.APP的命名空间名,可如下图查看。
SAP Web IDE学习UI5第四步-----把APP配置到FioriLaunchpad中 - 第5张  | 优通SAP

5. 创建磁贴(Tile)选择Tile图标页签
选择磁贴类型,在此Demo中,选择静态(Static)磁贴类型

SAP Web IDE学习UI5第四步-----把APP配置到FioriLaunchpad中 - 第6张  | 优通SAP

6.生成磁贴如图。

SAP Web IDE学习UI5第四步-----把APP配置到FioriLaunchpad中 - 第7张  | 优通SAP

7.把创建的磁贴分配到一个LAUNCHPAD的组中。,点击图中的组,并增加一个组,也可以使用现已有的组,在这里新建了一个组名为MYFIORI.

SAP Web IDE学习UI5第四步-----把APP配置到FioriLaunchpad中 - 第8张  | 优通SAP

8.为组增加刚才创建的磁贴,增加后如图,写不动了,操作自己试。

SAP Web IDE学习UI5第四步-----把APP配置到FioriLaunchpad中 - 第9张  | 优通SAP

到这里,配置部份就完成,余上的就是要分配置权限了,

四、把刚才建立的磁贴及组,分配给用户
1.我为了显示方便我是建立了一个新用户,权限是空的,
2.事务码PFCG创建一个角色ZMYFIORI

SAP Web IDE学习UI5第四步-----把APP配置到FioriLaunchpad中 - 第10张  | 优通SAP

3.把这个角色分配给用户:

SAP Web IDE学习UI5第四步-----把APP配置到FioriLaunchpad中 - 第11张  | 优通SAP

收工,完成,到这里配置的都完成了,
最后,就是查看效果了,

五、打开Launchpad页面:https://s4demo21.asjinfotech.com … pad.html#Shell-home
输入用户密码,内容出现。

SAP Web IDE学习UI5第四步-----把APP配置到FioriLaunchpad中 - 第12张  | 优通SAP

点击进去,APP的内容出现,一次测试,一次成功,不过好像ODATA数据连接出了问题,一直连接不上,但至少配置部份是出来,ODATA连接,过后再看看,这在WEB IDE下测试正常的,不知为什么来到这里就出不来数据了,可能是HTTS连接的原因。

SAP Web IDE学习UI5第四步-----把APP配置到FioriLaunchpad中 - 第13张  | 优通SAP

最后编辑:
作者:yangsen
有需要可在文章留言或者邮件yan252@163.com给我。

留下一个回复

你的email不会被公开。

twenty + seven =