Fiori Launchpad Sites (Part 1): Developing & Managing Business Apps
Now that the Fiori Launchpad (FLP) is available on the HANA Cloud Platform (HCP) Trial accounts its a good time to try out the end to end development and consumption scenario with the new Fiori launchpad Sites.
In the first part of this blog we will focus on:
- Generating a business application using SAP Web IDE based on Northwind public OData services.
- Deploying our application to the HCP repository
- Registering our application to Fiori Launchpad and creating a Static Tile for it
In the 2nd part of this blog we will see how to
- Create a Dynamic Tile for our application
- Develop and configure a Custom Tile for our application.
By the end of this blog (if you make it… ) your Fiori Launchpad site will have 3 tiles – one of each type:
Launching the generated business application:
- You have registered for a trial account for SAP HANA Cloud Platform
- Set up connectivity to Northwind (the destination file is attached bellow):
How to use Northwind OData service with SAP Web IDE
- Enabled Fiori Launchpad on Portal Service and created a new Fiori Launchpad site
SAP Fiori Launchpad Joins HANA Cloud Platform Trial
1) Creating Categories, Content Packages & Groups for FLP Site
In Fiori Launchpad, apps belongs to specific Categories (for classification and availability for the end user catalogs),
Content Packages (for the purpose of role-based access) and are arranged in Tile Groups
(read more in Creating Content for Launchpad Sites)
2) Generating the ‘Employees’ Fiori application
After we enabled connection from our HCP account to the Northwind OData services we can use the SAP Web IDE templates to generate applications that consume its data.
Open SAP Web IDE from your HCP account cockpit
|See Opening SAP Web IDE|
Create a new project
In the Template Selection screen
* For consistency please stick to the suggested names
In the Data Connection screen
In the Template Customization screen bind the OData properties to the UI controls.
Page 1 Section
Page 2 Section
Select the properties for the detail header
Click Next and Finish to generate the project code.
Preview the Application
The employees application is launched displaying OData retrieved from the Northwind service
To complete the integration of our employees application with the Fiori Launchpad site we need to “proxify” our service URLs to overcome cross domain issues. This is achieved by adding a prefix to the service URL: jQuery.sap.getModulePath(“< app id >”) + “< service url >”
For more information – Integrating Apps in the Launchpad .
3) Deploying & Registering the application to FLP with a Static Tile
Now its time to deploy the employees applications to our HCP account. A dedicated versionised Git repository is allocated to every application we deploy. We can choose to activate any version of our application to make it public. After deployment we will register the application to Fiori Launchpad.
The app (and its static tile) are now available in the your Launchpad Site’s Content catalog.
How did that happen? In Part 1 we created a Content Package (named Northwind) and assigned our new Fiori Launchpad Site to it. Registering our employees application to the same content package makes it available in the assigned sites under the registered category.
The tile we created for our employee application is a Static Tile. It contains a fixed set of fields like the title, subtitle, info and and icon. More on tiles in the following link: Tile Properties
As inspiring as the Static Tile may be, you might want to add more data to your tile or totally customize it and turn it into a small informative application. We will see how to do that in sections 4 and 5 of the 2nd part of this blog.