How to configure the self-developed SAP UI5 application to SAP Fiori Launchpad in the way of tile

How to configure the self-developed SAP UI5 application to SAP Fiori Launchpad in the way of tile, I believe that many inexperienced people do not know what to do about it. Therefore, this paper summarizes the causes and solutions of the problem. Through this article, I hope you can solve this problem.

After creating a new UI5 application in SAP cloud platform WebIDE and running it locally, open the manifest.json file under the webapp folder, enter the navigation area, and maintain the semantic object as data,action and display:

The title of Inbound tile is maintained as follows:

In order to deploy the application to SAP Cloud Platform's Fiori Launchpad, you also need to create a SAP Fiori Launchpad Site Module:

Name it Launchpad:

Edit in the CommonDataModel.js of the Launchpad module:

Add the previously created UI5 application to the group of the Launchpad module:

The final result: our UI5 application appears in Fiori Launchpad:

Https:///cp.portal/site#Shell-home

Click tile to access:

After reading the above, do you know how to configure the self-developed SAP UI5 application to SAP Fiori Launchpad in the way of tile? If you want to learn more skills or want to know more about it, you are welcome to follow the industry information channel, thank you for reading!