Create an SAP Fiori App Using SAP Business Application Studio
Develop a simple SAPUI5 freestyle application, adhering to SAP Fiori design guidelines, that will present a list of suppliers from an on-premise backend.
- How to create an SAPUI5 application for SAP BTP, Cloud Foundry environment
- How to test-run the app locally in the dev space
Raz Korn September 9, 2024
Created by
February 5, 2020
Contributors
- Shira Manas
- Maskym Hornostai
- Daniel Wroblewski
- Birgit Selbach
- Joshua Margo
- Merituuli Melkko
- Raz Korn
Prerequisites
- You have created an SAP Fiori dev space in SAP Business Application Studio. See Create a preconfigured dev space for developing SAP Fiori apps.
- The SAP Fiori dev space is in status RUNNING and you have opened it.
- You configured a destination to SAP Gateway Demo System (ES5) (see Connect SAP BTP to Your SAP Gateway Demo System Account (ES5)).
You’ll build an application that presents a list of suppliers from an on-premise backend. The suppliers’ data will be retrieved from the BusinessPartnerSet collection in the ZGWSAMPLE_BASIC OData service that is available from SAP’s ES5 demo Gateway system.
The flow consists of the following parts:
- Running a wizard that creates a multi-target application (MTA) project that is configured to use Managed Application Router. An MTA is required in order to create the deployment artifact for SAP BTP, Cloud Foundry environment. If you are not familiar with the MTA concepts, read this guide. A Managed Application Router is SAP’s best practice for applications that run on SAP BTP and is required in order to include the app in SAP launchpad. To learn more about Managed Application Router, read this guide.
- Running a wizard that generates the app based on the SAPUI5 Application template. The app is generated as an HTML5 module within the MTA.
- Enhancing the application by creating the UI and presenting data fetched from an SAP backend.
Important
After a period of idle time the dev space is automatically stopped. In order to restart the dev space, open the dev space manager, click the Play icon, and - when the dev space is running again - click the dev space.
The period of idle time for enterprise accounts is different than for trial accounts.
