UI5开发 – 发布到Fiori LaunchPad以及调试

2021-10-23 12:40发布


          点击此处--->   EasySAP.com 群内免费提供SAP练习系统(在群公告中)

加入QQ群:457200227(SAP S4 HANA技术交流) 群内免费提供SAP练习系统(在群公告中)

通过前面的几篇文章,我们已经完整的开发了一个UI5应用,在本文主要介绍如何进行代码调试,以及如何把这个UI5的应用放到Fiori LaunchPad里面给别人访问。对于调试,根据不同的浏览器有不同的调试方法,个人建议使用Chrome,里面自带simulator可以模拟移动设备。

调试

打开Chrome,输入应用的链接:

按F12,打开调试界面

在Source tab下,可以看到js代码,其中可以设置断点

如何使用chrome调试代码,网上有很多文章可以参考,这里不做累述。

把应用发布到Fiori:

打开链接: https://<server>:<port>/sap/bc/ui5_ui5/sap/arsrvc_upb_admn/main.html

创建一个新的Catalog:

创建Target Mapping

创建一个新的Tile

创建一个新的group:

添加已经创建的catalog到这个group

在SAP创建一个role,添加catalog到这个role,并且分配这个role到用户

打开Fiori LaunchPad

http://yourservername:port/sap/bc/ui5_ui5/ui2/ushell/shells/abap/FioriLaunchpad.html?sap-client=800&sap-language=EN

添加这个app到一个新的group:

点击运行app

问题: 可以看到,应用已经运行与Fiori LaunchPad,可是地图却没有显示出来,因为在Fiori中,不会加载index.html,而我们google API加载却是在index中完成的,在下篇文章中会给出解决方法。

翱翔云天的博客


赞赏支持