Set Up and Generate a New SAP Fiori App Project
September 10, 2020
Beginner
15 min.
Create a simple SAP Fiori elements List Report Object Page using SAP Fiori tools.
You will learn
- How to generate an SAP Fiori elements application with SAP Fiori tools
- How to test run your application using both mock data and real data
Prerequisites
- You must have access to the Gateway Demo System. This tutorial shows you how to access it: Create an Account on the Gateway Demo System
- You must be able to access the following OData service URL (ES5 service):
https://sapes5.sapdevcenter.com/sap/opu/odata/sap/SEPMRA_PROD_MAN/
- You must have Visual Studio Code and SAP Fiori tools installed.
The purpose of this tutorial is to familiarize you with the process for creating applications using the SAP Fiori tools Application Generator, as well as the process for testing your application with both mock and real data.
In this case, you will create an SAP Fiori elements list report page displaying a list of products. This list report will be modified in later tutorials using the other extensions available in SAP Fiori tools.
Step 1: Launch Application Generator
Step 2: Select application template
Step 3: Configure service for List Report Object Page
Step 4: Configure the main project attributes
Step 5: Preview app with real backend data
Step 6: Preview your application with mock Data
Navigate tutorial steps