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

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


调试

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

按F12,打开调试界面

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

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

把应用发布到Fiori:

打开链接: https://:/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中完成的,在下篇文章中会给出解决方法。

你可能感兴趣的:(Fiori-Web)