Skip to Content

Extend a Fiori Application with SAP Fiori Demo Cloud Edition Part 3

In Part 1 and 2 we’ve extended the Leave Request Application. Now we need to deploy this App to the Fiori Launchpad.

Part 1: Open the SAP Fiori Demo Cloud Edition, Extend the S1 view

Part 2: Add A Control with the Layout Editor

Part 3: Deploying to the SAP Fiori Launchpad

Deploying to SAP Fiori Launchpad

For this part of the exercise, you will deploy the extended app to the SAP Fiori Launchpad (FLP). And consume it from the SAP Fiori Launchpad. In the process you’ll customize the FLP tile for the extended app.

The first step in the deployment to FLP is to deploy the app to HCP.
Go to the SAP Web IDE browser tab. Select the application project, right-click, select “Deploy > Deploy to SAP HANA Cloud Platform


If this is the first time you connect with HCP’s Git repository, you’ll need to provide some details


Provide your HCP credentials if requested to


Set the version number to “1.0.0” and make sure that the “Activate” checkbox is marked. Otherwise the application will not be available.

Click “Deploy


A notification that the application was successfully deployed to HCP appears.

You can test the application on HCP by clicking on the “Open the active version of the application” link in the notification.
In a new tab you will see your application.


Go back to the SAP Web IDE. Refresh the browser tab. You’ll see green dots next to the files in the workspace. That means that the files were submitted successfully to the HCP’s Git repository.


After completing this step of deploying the app to HCP (and activating it), it is time to deploy the app to the FLP.

There are several ways to do it, we’ll do it from the “Application Status” popup.
Select the project, right-click it, select “Deploy > Application Status


Provide the HCP credentials, if required

Verify that the application is “STARTED” with the correct version “1.0.0” and it is “Active”. You can also see that the application is not deployed on FLP.
click the “Register to SAP Fiori Launchpad” button.


Provide your HCP credentials, if required.

The “Register to SAP Fiori Launchpad” wizard is launched.
Do not change the defaults and click “Next


You reached the step of the app tile configuration.
First fill in the “Title” (“Leave Request XX”).
Fill-in the “Subtitle” (“Demo”).
You’ll see that the tile to the right reflects your changes.

Click “Browse” to customize the tile’s icon


In the popup search field type “request”, select “create-leave-request” and click “OK
(you remember this Icon?)


The tile reflects all the changes you made.
Click “Next”.


In the “Group” select “My Apps” and click “Next


Click “Finish” to deploy to FLP


A notification that the application was successfully deployed to FLP appears.
Click “SAP Fiori Launchpad” to launch the Fiori Launchpad and access the extended app you developed.


The Fiori Launchpad is launched


Scroll down to “My Apps” where the application’s tile is and click on the app’s tile to launch the app


The extended app is launched

You can test that the extended logic (“toast”) is working




More Web IDE stuff published by Technology RIG 🙂

See you


You must be Logged on to comment or reply to a post.