Skip to Content

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

To report this post you need to login first.

20 Comments

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

    1. Claudia Polster 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) :-/

      (0) 
    1. Claudia Polster 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) :-/

      (0) 
  1. 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.

    (0) 
      1. 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.

        (0) 
        1. 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..

          (0) 
        2. Tareq Assaf

          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.

          (0) 
          1. 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..

            (0) 
            1. Tareq Assaf

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

              (0) 

Leave a Reply