SAP Fiori Elements using Business Application Studio

0
2661

Dear SAPLearners, in this blog post we will learn how to create SAP Fiori Elements using Business Application Studio.

βœ‹ Prerequisites

Before you start, make sure you have

πŸ“š Step-by-Step Procedure

1. Firstly, launch the SAP Business Application Studio.

2. From the navigation menu choose View -> Find Command (or) Cntrl+Shift+P.

SAP Fiori Elements App in Business Application Studio Step1

3. Search for fiori all SAP Fiori tools are display like below, choose SAP Fiori tools – Application Generator: Launch.

SAP Fiori Elements App in Business Application Studio Step2

πŸ‘‰ Fiori Elements Yeoman Generator

4. As a result Yeoman generator UI will launch like below, select SAP Fiori elements application tile. Click Next.

SAP Fiori Elements App in Business Application Studio Step3

5. In Template Selection step, select List Report Object Page template from the available templates. Click Next.

SAP Fiori Elements App in Business Application Studio Step4

6. Under Data Source and Service Selection step, select Connect to SAP System as data source.

SAP Fiori Elements App in Business Application Studio Step5

7. After that all available data source list is displayed, here S4HANA is my backed system which I created and configured in Destinations.

SAP Fiori Elements App in Business Application Studio Step6

8. Now select the OData service from the list. Here for demo purpose I selected a standard OData service. Click Next.

SAP Fiori Elements App in Business Application Studio Step7

9. Select the main entity of the OData service selected in the above step. Click Next.

SAP Fiori Elements App in Business Application Studio Step8

10. At the Project Attributes last step, provide the all mandatory fields. Click Next.

SAP Fiori Elements App in Business Application Studio Step9

11. A new SAP Fiori Elements will be created successfully. Click on Open in New Workspace to open the project.

SAP Fiori Elements App in Business Application Studio Step10

12. SAP Fiori elements app will launch and you can browse the project.

SAP Fiori Elements App in Business Application Studio Step11

πŸ‘‰ Preview

13. Finally, right click on webapp folder and choose Preview Application.

SAP Fiori Elements App in Business Application Studio Step12

Follow below steps to launch the fiori application

SAP Fiori Elements App in Business Application Studio Step13
SAP Fiori Elements App in Business Application Studio Step14
SAP Fiori Elements App in Business Application Studio Step15
SAP Fiori Elements App in Business Application Studio Step16
SAP Fiori Elements App in Business Application Studio Step17
SAP Fiori Elements App in Business Application Studio Step18

Conclusion

Congrats!! you have successfully learnt how to create SAP Fiori Elements using Business Application Studio.

Please feel free to comment and let us know your feedback. Subscribe for more updates.

If you liked it ❀️, please share it! Thanks! πŸ™

Continue Learning