Skip to Content
Author's profile photo Former Member

SAP Enterprise Portal: SAP Fiori Launchpad on Portal and Fiori1 Apps Enablement

This blog is for portal content administrators who would like to learn about the administration tasks required for enabling SAP Fiori Wave1 apps on Portal with already running SAP Fiori Launchpad experience (FLP on EP).

 

In only a few steps you can easily run the SAP Fiori Wave 1 apps within the SAP NetWeaver portal environment.

  Portal users can control Fiori Wave 1 apps on FLP on EP in the same way as the rest of applications already configured on FLP.

 

Prerequisites:

 

 

1)  1)   Using NW 7.31 SP12 or higher SP, NW 7.4 SP7 or higher SP

2)   Enable SAP Fiori Launchpad on Portal, for instance like this:

/wp-content/uploads/2014/08/pic1_514420.jpg

 

3)  Fiori Wave1 apps implemented in customer’s landscape.

 

Required steps:

 

1)    (Optional) Create a Fiori1 role and a folder for Fiori1 apps in Portal content and add this role to an existing FLP on EP role.
In the example below:

  • FFP_Demo  is an FLP on EP role
  • Fiori1_apps is a role for Fiori1 apps with a folder below (folder should be marked as visible)

/wp-content/uploads/2014/08/pic2_514396.jpg

2Define a backend system for Fiori1 apps (Fiori gateway system in case of a separate one)

 

/wp-content/uploads/2014/08/pic3_514508.jpg

/wp-content/uploads/2014/08/pic4_jpg_514509.png

 

3)  Create an iView and assign it to a relevant role:

 

a) Navigate to Portal Applications -> com.sap.portal.appintegrator.sap -> UI5:

/wp-content/uploads/2014/08/pica_514529.jpg

   b)   Copy UI5 template and  “Paste as PCD Object” to any location under Portal Content:

  /wp-content/uploads/2014/08/picb_514530.jpg

  c)    Add the created iView to the relevant role

  d)   Set the following view properties and save:

 

 

Property Name Property Value (example)
Relative Path for SAPUI5 Applications sap/bc/bsp/sap/ui5_hcm_ts_man/index.html
System KEG_Fiori
Mobile App Categories Fiori1
Object ID of Device Group *)

com.sap.portal.dg.tablet;

TabletAndroid;

com.sap.portal.dg.smartphone;

com.sap.portal.dg.desktop;

TabletWin8;

SmartphoneAndroid

Launch in New Window Display in separate headerless portal window (standard mode)
SAPUI5 Icon sap-icon://time-entry-request
Hand Over Portal Stylesheet <to uncheck>
Name Time Sheet Entry

 

*) The value of this property should be one concatenated line.

 

 

The result:

 

Open  FLP on EP and go to Tile Catalog. The Fiori app Time Sheet Entry appears:

/wp-content/uploads/2014/08/picr_jpg_514531.png

It can be assigned to “My Home” groups and become visible on a user’s home page:

/wp-content/uploads/2014/08/picrr_514544.jpg

 

To learn more about  FLP on EP:

 

Fiori Launchpad on Portal on help.sap.com

Known issue note FLP on EP SAP Note 2008931

SAP Fiori Integration with SAP Enterprise Portal – SAP Note 2031108

SAP Enterprise Portal 7.4 SP7 SAP Fiori Launchpad on the SAP Portal and more

SAP Fiori Launchpad on Portal – Sample Content for Administrators

How to Integrate Fiori1 Apps with Enterprise Portal (movie)

 


 

Assigned Tags

      3 Comments
      You must be Logged on to comment or reply to a post.
      Author's profile photo Former Member
      Former Member

      Hi Irena,

      Nice blog, but need some advise about SAPUI5 icons. If we want to show custom SAPUI5 icon in the tile, then how we can add the custom SAP UI5 icon?

       

      Best Regards,

      Deep

      Author's profile photo Former Member
      Former Member
      Blog Post Author

       

      Hello Deep,

      I did not try it myself, but maybe you will find it useful:

      https://blogs.sap.com/2015/11/02/enhance-ui5-app-with-custom-icon-fonts/

       

      BR, Irena

      Author's profile photo Felix Lemke
      Felix Lemke

      Hello Irena,

      thank you for your blog post.

       

      In step 2) you created the distination to the backend system. But how can I setup the iView if the fiori app is uploaded directly into the web resource repository? If I leave the “system” property empty the app asks for the system, because it is mandatory.

       

      Short background: We wanted to try the role viewer application. Because the cloud connector is not installed, I exported the source  from the web IDE into a zip file, and uploaded it into the web resource repository of our enterprise portal.

       

      Thanks in advance

      Felix