Create a SAP Fiori App and Deploy it to SAP S/4HANA Cloud, ABAP Environment

Login to SAP BTP Trial cockpit and click Enter Your Trial Account.

Select your subaccount trial.

Now you are in the trial overview page. Click Trust Configuration.

Click Default identity provider 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.

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.

Select your subaccount trial.

In the navigation pane expand the Connectivity section and select Destinations. Click New Destination.

Configure the new destination with the following standard field values.

Field Name	Value
Name	System_XXX_SAML_ASSERTION
Type	HTTP
Description	SAML Assertion Destination to SAP S/4HANA ABAP Environment system_xxx
URL	In the SAP S/4HANA Cloud tenant, navigate to the Communication Systems app and copy the Host Name from Own System = Yes and paste it with prefix https:// for example https://my12345-api.s4hana.ondemand.com.
Proxy Type	Internet
Authentication	SAMLAssertion
Audience	Enter the URL of your system and remove -api, for example https://my12345.s4hana.ondemand.com.
AuthnContextClassRef	urn:oasis:names:tc:SAML:2.0:ac:classes:PreviousSession

Select New Property and maintain the following Additional Properties and values.

Make sure that the Use default JDK truststore checkbox is ticked.

Click Save.

Click Download Trust.

Select your system and right-click Properties.

Select ABAP Development and copy the System URL without the -api. Paste in a browser and log in to the system.

In your SAP Fiori launchpad select Communication Systems under Communication Management.

Click New.

Create a new communication system:

• System ID: BAS_TRIAL_XXX
• System Name: BAS_TRIAL_XXX

Click Create.

Click the arrow and select Technical Data.

Check Inbound Only in the general section. Set SAML Bearer Assertion Provider ON and click Upload Signing Certificate.

Click Browse and select your trust configuration, then click Upload.

Copy everything after CN= of your signing certificate subject and past it in SAML Bearer Issuer. Click Save.

Now your communication system is set up.

Select trial.

Select Service Marketplace and search for SAP Business Application Studio. Select actions 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

Click Create Dev Space.

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

Now you are in your Fiori dev space in SAP Business Application Studio.
Select Open Folder to set your workspace.

Select projects and click Open.

Select View > Find Command.

Select Fiori: Open Application Generator.

Select List Report Object Page and click Next >.

Configure data source, system and service:

• Data source: Connect to a System
• System: System_XXX_SAML_ASSERTION
• Service: ZSB_SHOP_XXX(1) - OData V2

Select your main entity online_shop and click Next >.

Configure project attributes:

• Name: z_onlineshop_xxx
• Title: Online Shop XXX
• Description: A Fiori application.
• Add deployment configuration: Yes
• Add FLP configuration: Yes
• Configure advanced options: No

Click Next >.

Configure deployment:

• Target: ABAP
• Destination: System_XXX_SAML_ASSERTION <your_abap_system_url>
• Name: z_purchase_xxx
• Package: z_purchase_req_xxx
• Transport Request: <your_transport_request>
• Deployment description: z_onlineshop_xxx

Click Next >.

HINT: If you want to copy your transport request, please do following: Open Eclipse, search your package Z_PURCHASE_REQ_XXX 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.

Configure Fiori Launchpad:

• Semantic Object: z_purchase_req_xxx
• Action: display
• Title: Online Shop XXX

Click Finish.

Now all files have been generated.

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

HINT: An alternative to run the application is to right-click your project folder, open the terminal and enter: npm start.

Your default browser will open. Click Go to see your result.

Check your result.

Click Files, right-click your project and select Open in Terminal.

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.

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: ZSHOP_IAM_XXX
• Description: IAM App for online shop

Click Finish.

Select Services and add a new one.

Select following:

• Service Type: OData V2 (deprecated)
• Service Name: ZSB_SHOP_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: ZSHOP_BC_XXX
• Description: Business catalog for online shop

Click Finish.

Select Apps and add a new one.

Create a new business catalog:

• IAM App: ZSHOP_IAM_XXX_EXT
• Name: ZSHOP_BC_XXX_0001
• Description: Business Catalog to IAM App assignment

Click Finish.

Click Publish Locally to publish your business catalog.

Go back to SAP Business Application Studio and deploy your changes. Therefore right-click your project z_onlineshop_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 your system.

Click Go and check your result.