Skip to Content
Author's profile photo Claudia Polster

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

/wp-content/uploads/2015/07/401_753384.png

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

/wp-content/uploads/2015/07/402_753385.png

Provide your HCP credentials if requested to

/wp-content/uploads/2015/07/403_753389.png

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

/wp-content/uploads/2015/07/404_753390.png

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.

/wp-content/uploads/2015/07/406_753391.png

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.

/wp-content/uploads/2015/07/407_753392.png

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

/wp-content/uploads/2015/07/408_753393.png

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.

/wp-content/uploads/2015/07/410_753394.png

Provide your HCP credentials, if required.

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

/wp-content/uploads/2015/07/412_753398.png

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

/wp-content/uploads/2015/07/413_753399.png

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

/wp-content/uploads/2015/07/414_753400.png

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

/wp-content/uploads/2015/07/415_753404.png

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

/wp-content/uploads/2015/07/416_753440.png

Click “Finish” to deploy to FLP

/wp-content/uploads/2015/07/416_753440.png

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.

/wp-content/uploads/2015/07/418_753442.png

The Fiori Launchpad is launched

/wp-content/uploads/2015/07/419_753451.png

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

/wp-content/uploads/2015/07/420_753452.png

The extended app is launched

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

/wp-content/uploads/2015/07/421_753453.png

/wp-content/uploads/2015/07/421_2_753454.png

Done!

More Web IDE stuff published by Technology RIG 🙂

See you

Claudi

Assigned Tags

      21 Comments
      You must be Logged on to comment or reply to a post.
      Author's profile photo Timothy Muchena
      Timothy Muchena

      Hi

      When registering the app to FLP the on General Information step, the Next button is greyed out. Am I missing something?

      Capture.PNG

      Thanks

      Author's profile photo Claudia Polster
      Claudia Polster
      Blog Post Author

      In the Application Name field, delete a letter and add it again, then it should be possible to click Next. I think this is a bug (it's not happened before) :-/

      Author's profile photo Timothy Muchena
      Timothy Muchena

      Hi

      Thank you for. Now getting error THERE ARE NO CATEGORIES AVAILABLE on the assignment page when launching to Launchpad

      Kind regards

      Author's profile photo Michal Keidar
      Michal Keidar

      Are there any Categories available in your FLP?

      Author's profile photo Michal Keidar
      Michal Keidar

      Yes it was a bug that was fixed in the new released Web IDE.

      Regards,
      Michal.

      Author's profile photo Former Member
      Former Member

      Hello

      I have the same problem.

      Best regards

      Author's profile photo Claudia Polster
      Claudia Polster
      Blog Post Author

      In the Application Name field, delete a letter and add it again, then it should be possible to click Next. I think this is a bug (it's not happened before) :-/

      Author's profile photo Former Member
      Former Member

      hello

      Thanks.

      I have changed the default application name and it works.

      regards

      Author's profile photo Michal Keidar
      Michal Keidar

      Yes it was a bug that was fixed in the new released Web IDE.

      Regards,
      Michal.

      Author's profile photo Former Member
      Former Member

      Hi,

      Can you share the screen shot, I am also facing same problem I am using webide 1.17

      Thanks in advance.

      Regards,

      Manoj.

      Author's profile photo Michal Keidar
      Michal Keidar

      Hi Manoj,

      What is the problem you're facing?

      Author's profile photo Claudia Polster
      Claudia Polster
      Blog Post Author

      Did you have the same problem like Mr. Eli (first comment)?

      If yes, what for a screenshot did you need?

      Author's profile photo Naveen Inuganti
      Naveen Inuganti

      Thank you Claudi.

      Appreciate for taking time and documenting this.

      Regards

      Naveen

      Author's profile photo Stephane De Visch
      Stephane De Visch

      Hello Claudia,

      I am using a local installation of sapwebide (latest version).

      The option APPLICATION STATUS is greyed out.

      How can I deploy it to the launchpad?

      Thanks,

      Stephane.

      Author's profile photo Michal Keidar
      Michal Keidar

      Hi Stephane,

      You can't use the local Web IDE in order to create a tile on FLP on cloud, as it is on cloud...

      Regards,
      Michal.

      Author's profile photo Stephane De Visch
      Stephane De Visch

      Hi Michal,

      Thank you for your answer.

      Just to clarify my issue:

      1. With the local installation, I can create a fiori extension.

      2. I can deploy it back to my Gateway system ("Deploy to SAPUI5 ABAP REPOSITORY").

      How can I register to the Fiori Launchpad?

      Is it because it is a local installation that this option is greyed out ? 

      Thank you for your clarification.

      Stephane.

      Author's profile photo Michal Keidar
      Michal Keidar

      There seems to be some confusion here.. This blog is regarding registering an application to FLP on cloud. There's no way to register an application on FLP on ABAP directly from Web IDE..

      Author's profile photo Former Member
      Former Member

      I have the same problem.

      I deployed the extensions and I can see the files in SE80

      But I don't know how to connect this extension with my Standard Fiori App.

      Author's profile photo Michal Keidar
      Michal Keidar

      What do you mean connect the extension to the standard app? If you wish to create a tile for it on FLP then that's what you should do.. Not sure I understand your issue..

      Author's profile photo Former Member
      Former Member

      Michal,

      thank you for your reply, I thought that we don't need to create a new tile for our project, and the changes in the extension will affect the standard App by doing some configs.

      By I discovered that we have to create a new tile, and I did that successfully.

      thank you. 🙂

      Author's profile photo Iboga Taza
      Iboga Taza

      h