Step 1: Assign role collection to user
-
Login to SAP Cloud Platform trial cockpit and click Enter Your Trial Account.

-
Select your subaccount trial.

-
Select Subscriptions and click SAP Business Application Studio.

-
Click Subscribe. You have now subscribed the SAP Business Application Studio and can assign the corresponding role to your user.

-
Click trial.

-
Click Trust Configuration to set up your trust.

HINT: If you are using a licensed system, make sure you have the trust administrator role assigned to your user.
-
Select Default identity provider.

-
Enter your e-mail address and click Show Assignments.

-
Click Assign Role Collection .

-
Select Business_Application_Studio_Developer
and click Assign Role Collection.

-
Check your result. Now your user should have the Business_Application_Studio_Developer
role collection assigned.

You are now able to develop on SAP Business Application Studio.
Step 2: Create dev space
-
Select trial > Subscriptions > SAP Business Application Studio and click Go to Application.

-
Check the privacy statement and click OK.

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

-
Create a new dev space:
- Name: Fiori
- Type: SAP Fiori
- Additional SAP Extensions: Launchpad Module
Click Create Dev Space.
-
When your status is Running, select your dev space Fiori.

Step 3: Set up organization and space
-
Now you are in your Fiori dev space in SAP Business Application Studio.
Select Open Workspace to set your workspace.

-
Select projects and click Open.

-
Select The organization and space in Cloud Foundry have not been set.

-
Press enter to set your Cloud Foundry endpoint.

-
Enter the same e-mail address you set in your trial instance and press enter.

-
Enter your password and press enter.

-
Select your global account and press enter.

-
Select dev as your space and press enter.

-
Check your result. Now your organization and space have been set.

Step 4: Create list report object page
-
Select Start from Template.
-
Select SAP Fiori elements application and click Start >.
-
Select List Report Object Page and click Next >.
-
Configure data source, system and service:
- Data source: Connect to an SAP System
- System:
ABAP Environment on SAP Cloud Platform
- ABAP Environment:
default_abap-trial
- Service:
ZUI_C_TRAVEL_M_XXX(1) - odata v2

Click Next >.
A destination for the abap-trial
service instance is generated automatically.
-
Select your main entity TravelProcessor
and click Next >.
-
Configure project attributes:
- Name:
ztravel_app_xxx
- Title: Travel App XXX
- Description: A Fiori application.
Click Finish.
HINT: Your application name must begin with a z letter
and must be in lowercase letters.
Step 5: Run SAP Fiori application for data preview
-
Close the wizard.

-
Press the run button on the left side and select the Start ztravel_app_xxx
run button to start your SAP Fiori application.

HINT: An alternative to run the application is to open the terminal and enter: npm start
.
-
Click Open in New Tab.

-
Select test/
.

-
Select flpSandbox.html
.

-
Now your SAP Fiori application runs. Select your application Travel App XXX.

-
Click Go to see your result.

-
Check your result.

Step 6: Deploy your application
-
Go back to SAP Business Application Studio, select projects, right-click your project ztravel_app_xxx
and select Open in Terminal.

-
To add Fiori Launchpad content use this command, enter npx fiori add flp-config
.
Add following information:
- Semantic Object:
ztravel_app_xxx
- Action: display
- Title: Travel App XXX
- Subtitle (optional): press enter

-
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.

-
Go back to SAP Business Application Studio and open the terminal again. To add deploy config
details, enter npx fiori add deploy-config
.
Add following information:
- Is this an SAP Cloud Platform system?: Y
- Destination: press enter for default
- Is this an S/4 Cloud system? N
- Name: press enter for default
- Package:
ztravel_app_xxx
- Transport Request:
<your_transport_request>

The ui5-deploy.yaml
will be generated as part of this deploy config
command.
-
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.

When the deployment is successful, you will get these two information back as a result: UIAD details and deployment successful.
Step 7: Check 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
.
Step 8: Create IAM App and business catalog
-
In Eclipse right-click your package ZTRAVEL_APP_XXX
and select New > Other Repository Object.

-
Search for IAM App, select it and click Next >.

-
Create a new IAM App:
- Name:
ZTRAVEL_IAM_XXX
- Description: IAM App

Click Next >.
-
Click Finish.

-
Select Services and add a new one.

-
Select following:
- Service Type:
OData V2
- Service Name:
ZUI_C_TRAVEL_M_XXX_0001

Click OK.
Save and activate your IAM app.
-
Right-click your package ZTRAVEL_APP_XXX
and select New > Other Repository Object.

-
Search for Business Catalog, select it and click Next >.

-
Create a new business catalog:
- Name:
ZTRAVEL_BC_XXX
- Description: Business catalog

Click Next >.
-
Click Finish.

-
Select Apps and add a new one.

-
Create a new business catalog:
- IAM App:
ZTRAVEL_IAM_XXX_EXT
- Name:
ZTRAVEL_BC_XXX_0001

Click Next >.
-
Click Finish.

-
Click Publish Locally to publish your business catalog.

Step 9: Run SAP Fiori application
-
Go back to SAP Business Application Studio and deploy your changes. Therefore right-click your project ztravel_app_xxx
and select Open in Terminal.
-
Enter npm run deploy
. When prompted, check deployment configuration and press y.

-
Press CTRL and click the following link
to open the URL in a browser.

-
Log in to ABAP Trial.

-
Click Go.

-
Check your result.

Give us 55 seconds of your time to help us improve
