Create an SAP Fiori App and Deploy it to SAP BTP, ABAP Environment
Create an SAP Fiori app for a RAP business object from SAP BTP, ABAP Environment in SAP Business Application Studio and deploy it to SAP BTP, ABAP Environment.
Overview
You will learn
- How to assign role collections
- How to create dev spaces
- How to set up organization and space
- How to create list report object pages
- How to run SAP Fiori applications
- How to deploy applications
- How to check BSP library in Eclipse
- How to create IAM apps and business catalogs
Prerequisites
Prerequisites
- Trial: You need an SAP BTP, ABAP environment trial user or a license.
- Licensed system:
- The business catalog
SAP_A4C_BC_DEV_UID_PC(Development - UI Deployment) needs to be assigned to a business role of the developer user. For an existing ABAP systems, the business catalog needs to be added manually to the existing developer business role. - You need to be a member at the used global account
- You need to be an organization manager at the used Cloud Foundry subaccount
- You need to be a security administrator at the used Cloud Foundry Subaccount
- The business catalog
- You have created the Travel App Mission. Mandatory is only the first tutorial of this tutorial mission Create Database Table and Generate UI Service.
Steps
Login to SAP BTP Trial cockpit and click Enter Your Trial Account.

assign role collection Select your subaccount trial.

assign role collection Now you are in the trial overview page. Click Users and >.

assign role collection Select the menu and click Assign Role Collection.

assign role collection Hint: If you are using a licensed system, make sure you have the trust administrator role assigned to your user.
Select
Business_Application_Studio_Developerand click Assign Role Collection.
assign role collection Check your result. Now your user should have the
Business_Application_Studio_Developerrole collection assigned.
assign role collection
Select trial.

dev Select Service Marketplace and search for SAP Business Application Studio. Select actions and click Go to Application.

dev Check the privacy statement and click OK.

dev Now the SAP Business Application Studio has started. Click Create Dev Space.

dev Create a new dev space:
- Name: Fiori
- Type: SAP Fiori
Click Create Dev Space.

dev When your status is Running, select your dev space Fiori.

dev
Now you are in your Fiori dev space in SAP Business Application Studio. Select the menu on the left side and click Open Folder to set your workspace.

organization Select
/home/user/projects/and click OK.
organization
Switch to SAP BTP Trial and select your trial subaccount.

organization Copy your Cloud Foundry Environment API endpoint for later use.

organization Switch to SAP Business Application Studio, select the menu on the left side and click View > Command Palette.

organization Search for CF: Login to Cloud Foundry and select it.

organization Paste your Cloud Foundry API endpoint, enter your credentials and click Sign in.

organization Now you can see, that you are logged in. Set now your cloud foundry target:
- Cloud Foundry Organization:
<your_global_account> - Cloud Foundry Space: dev

organization Click Apply.
- Cloud Foundry Organization:
Select the menu on the left side and click View > Command Palette.

object Search for Fiori: Open Application Generator and select it.

object Select List Report Page and click Next >.

object Configure data source, system and service:
- Data source: Connect to a System
- System:
<your_abap_trial_system> - Service:
ZRAP100_UI_TRAVEL_O4_### (0001) - OData V4

object Click Next >.
Select your main entity
Travel, check Yes for adding automatically table columns and click Next >.
object Configure project attributes:
- Name:
ZRAP100_### - Title: Travel App ###
- Description: A Fiori application.
- Add deployment configuration: Yes
- Add FLP configuration: Yes
- Configure advanced options: No
Click Next >.

object - Name:
**Hint:** Your **application name must** begin with a `z letter` and **must** be in **lowercase letters**.
Configure deployment:
- Target: ABAP
- Destination:
<your_abap_trial_system> - SAP UI5 ABAP Repository:
ZRAP100_### - Package:
ZRAP100_### - Transport Request:
<your_transport_request>

app Click Next >.
Hint: If you want to copy your transport request, please do following: Open Eclipse, search your package
ZRAP100_###and open it. Open your transport organizer to see your transport request. The transport request of the superior folder needs to be chosen. Copy your transport request for later use. You can find your transport request underneath the Modifiable folder.
app Configure Fiori Launchpad:
- Semantic Object:
ZRAP100_### - Action: display
- Title: Travel App ###

app Click Finish.
- Semantic Object:
Now all files have been generated.
On the Application Information overview page select Preview Application.

run Hint. You can open the Application Information through the menu > View > Command Palette > search and select Application Information.
Select the first entry.

run You browser opens. Click Go and check your result.

run
On the Application Information overview page select Deploy Application.

deploy When prompted, check deployment configuration and press y.

deploy When the deployment is successful, you will get these two information back as a result: UIAD details and deployment successful.

deploy
Open Eclipse and check the BSP library and SAP Fiori Launchpad app descriptor item folder in your package
ZRAP100_###. If you are not able to see BSP applications and SAP Fiori Launchpad app description items, refresh your packageZRAP100_###by pressingF5.
library
In Eclipse right-click your package
ZRAP100_###and select New > Other Repository Object.
iam Search for IAM App, select it and click Next >.

iam Create a new IAM App:
- Name:
ZTRAVEL_IAM_### - Description: IAM App for travel app

iam Click Next >.
- Name:
Click Finish.

iam Select Services and add a new one.

iam Select following:
- Service Type:
OData V4 - Service Name:
ZRAP100_UI_TRAVEL_O4_###

iam Hint: With CTRL + Space you can search for your Service.
Click OK.
Save and activate your IAM app.

iam - Service Type:
Right-click your package
ZRAP100_###and select New > Other Repository Object.
catalog Search for Business Catalog, select it and click Next >.

catalog Create a new business catalog:
- Name:
ZTRAVEL_BC_### - Description: Business catalog for travel app

catalog Click Next >.
- Name:
Click Finish.

catalog Select Apps and add a new one.

catalog Create a new business catalog:
- IAM App:
ZTRAVEL_IAM_###_EXT - Name:
ZTRAVEL_BC_###_0001 - Description: Business Catalog to IAM App assignment

catalog Click Next >.
- IAM App:
Click Finish.

catalog Click Publish Locally to publish your business catalog.

catalog
On the Application Information overview page select Deploy Application.

deploy When prompted, check deployment configuration and press y.

deploy Press
CTRL and click the following linkto open the URL in a browser.
deploy Log in to your system.

url Click Go and check your result.

url
Resources
Discussion
Share feedback on this tutorial or join the conversation in SAP Community.