Quantcast
Channel: SAPUI5 Developer Center
Viewing all articles
Browse latest Browse all 789

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

$
0
0

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

401.png

 

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

402.png


Provide your HCP credentials if requested to

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

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

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

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

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

410.png


Provide your HCP credentials, if required.


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

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

413.png


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

414.png


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

415.png


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

416.png


Click “Finish” to deploy to FLP

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

418.png


The Fiori Launchpad is launched

419.png


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

420.png


The extended app is launched

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

421.png

421_2.png


Done!

 

More Web IDE stuff published by Technology RIG

 

See you

Claudi


Viewing all articles
Browse latest Browse all 789

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>