Create a SAP Fiori App and Deploy it to SAP BTP, ABAP Environment
Create a 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.
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 SAP Business Application Studio and the SAP BTP, ABAP environment instance must be under same subaccount.
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: ABAP Environment on SAP Business Technology Platform
ABAP Environment: default_abap-trial
Service: ZUI_C_TRAVEL_M_XXX(1) - OData V2
object
Click Next >.
A destination for the abap-trial service instance is generated automatically.
Select your main entity TravelProcessor and click Next >.
object
Configure project attributes:
Name: ztravel_app_xxx
Title: Travel App XXX
Description: A Fiori application.
Add deployment configuration: Yes
Add FLP configuration: Yes
Configure advanced options: No
Click Next >.
object
Your application name must begin with a z letter and must be in lowercase letters.
Configure deployment:
Target: ABAP
Destination: <your_abap_system_url>
SAPUI5 ABAP Repository: ztravel_app_xxx
Package: ztravel_app_xxx
How do you want to enter Transport Request? Manually
Transport Request: <your_transport_request>
app
Click Next >.
If you want to copy your transport request, please do following: Open Eclipse, search your package ZTRAVEL_APP_XXX and open it. Open your transport organizer to see your transport request. Copy your transport request for later use. You can find your transport request underneath the Modifiable folder.app
Configure SAP Fiori launchpad:
Semantic object: ztravel_app_xxx
Action: display
Title: Travel App XXX
app
Click Finish.
Step 5Run SAP Fiori application for data preview
+
Select the menu on the left side, right-click your project ztravel_app_xxx and select Open in Integrated Terminal.
run
Type npm start and press Enter.
run
The preview opens. Click Go.
run
Now check your result.
run
Step 6Deploy your application
+
Select the menu on the left side, right-click your project ztravel_app_xxx and select Open in Integrated Terminal.
deploy
Enter npm run deploy to deploy your application. When prompted, check deployment configuration and press y. Open the URL at the end of the deployment log in browser to preview the application.
deploy
When the deployment is successful, you will get these two information back as a result: UIAD details and deployment successful.
Step 7Check BSP library and SAP Fiori Launchpad app descriptor item in Eclipse
+
Open Eclipse and check the BSP library and SAP Fiori Launchpad app descriptor item folder in your package ZTRAVEL_APP_XXX. If you are not able to see BSP applications and SAP Fiori Launchpad app description items, refresh your package ZTRAVEL_APP_XXX by pressing F5.
library
Step 8Create IAM App and business catalog
+
In Eclipse right-click your package ZTRAVEL_APP_XXX 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_XXX
Description: IAM App
iam
Click Next >.
Click Finish.
iam
Select Services and add a new one.
iam
Select following:
Service Type: OData V2 (deprecated)
Service Name: ZUI_C_TRAVEL_M_XXX_0001
iam
Click OK.
Right-click your IAM App and click Activate.
If you can’t find your service name, you can press CTRL + space to search for it.
Right-click your package ZTRAVEL_APP_XXX 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_XXX
Description: Business catalog
catalog
Click Next >.
Click Finish.
catalog
Select Apps and add a new one.
catalog
Create a new business catalog:
IAM App: ZTRAVEL_IAM_XXX_EXT
Name: ZTRAVEL_BC_XXX_0001
catalog
Click Next >.
Click Finish.
catalog
Click Publish Locally to publish your business catalog.
catalog
Step 9Run SAP Fiori application
+
Go back to SAP Business Application Studio and deploy your changes. Select the menu on the left side, right-click your project ztravel_app_xxx and select Open in Integrated Terminal.
deploy
Enter npm run deploy. When prompted, check deployment configuration and press y.
url
Press CTRL and click the following link to open the URL in a browser.
Share feedback on this tutorial or join the conversation in SAP Community.
Submit detailed feedbackDiscuss in Community
Steps
Step 1 of 10
1. Assign role collection to user2. Create dev space3. Set up organization and space4. Create list report object page5. Run SAP Fiori application for data preview6. Deploy your application7. Check BSP library and SAP Fiori Launchpad app descriptor item in Eclipse8. Create IAM App and business catalog9. Run SAP Fiori application10. Test yourself
Joule is an AI assistant. Generative AI may produce inaccurate, incomplete, or biased information. Always verify important details before acting on them.
Conversations are sent to SAP-hosted large language models for processing. Do not include personal data, credentials, or confidential information in your messages.
Joule's responses are based on the SAP tutorial catalog and may not reflect the latest product changes. For authoritative guidance, consult the linked tutorials and official SAP documentation.
