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

通过前面的几篇文章，我们已经完整的开发了一个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中完成的，在下篇文章中会给出解决方法。