Deploy Fiori elements app and add in Fiori Launchpad by Sachin Artani –

1. Once the RAP based Fiori elements app is published in Eclipse, Open SAP BAS or VSCode.
2. Create a new project from templates.
3. Select SAP Fiori Application.
4. Choose List Report.
5. Data source as “connect to a system”, choose SAP system, in service, check for the service binding
name you have given in Eclipse -

6. Entity selection to pick which exposed entity will be the root or master page of list report app and if
there is any child entity to navigate to -

7. Add module details and check yes for Add Deployment configuration.
8. Add deployment configuration details where the SAPUI5 ABAP Repository is the name of BSP
application that will be created and can be accessed from SE80 -

9. Add Fiori Launchpad details if checked for it in the previous settings -

10. Once the project is created in BAS, run below commands in terminal -
npm run build
npm run deploy-config (to make sure the configuration details are entered correct)
npm run deploy

11. Sometimes we get error during deployment -

12. For status code 400, the possible errors could be due to wrong package, TR or name of the app to
deploy. When it throws error during deployment -
> If BSP app name doesn’t start with Y or Z
> If package/TR entered in ui5-deploy.yaml is incorrect
> If package is under software component other than HOME (related to cloud development) and
deployed app is generating web dynpro components which are not supported for ABAP language
version – “ABAP for Cloud Development”.
13. If we don’t get any error, then app is deployed and can be accessed through SE80.
14. Now go to the Fiori Launchpad and open Launchpad designer app. If accessing from SAP GUI, use
T-code: “/n/ui2/flp” to navigate to the Fiori Launchpad. As per the process you follow, you can setup
tile and target mapping in Client Specific or Cross Client Launchpad Designer.
15. In Launchpad Designer, Select a workbench TR from the right top cog icon and then from left portion
of the app, create a new catalog or choose an existing custom catalog you have created before.
16. Open the catalog and create a tile and target mapping. But for that you would need a semantic
object.
17. Follow -
https://help.sap.com/docs/SAP_PERFORMANCE_MANAGEMENT_FOR_FINANCIAL_SERVICES/
a8068ea2f9ba403aa6d8bda3abcdbecd/b12bc23c47bc4611a3561ca6b8f00477.html and create a
semantic object to use if not using an existing one.
18. Once Semantic object is created, go for creating the Target Mapping. Here is how target mapping
would look like -

19. Now, create a tile with your custom semantic object picking any action you like but make sure to
keep it same as what entered for Target Mapping creation.
20. For the target mapping, you MUST remember to enter relative URL path taken you can get from t-
code /IWFND/GW_CLIENT and the ID must be the same as you find in manifest.json file in SAP
BAS or VSCode.

21. Now you need to assign the custom catalog to a role from T-code: PFCG and assign that role to you
using T-code: SU01.
22. Once this is done, enjoy using the deployed app in Fiori Launchpad.