Skip to Content
Technical Articles
Author's profile photo Murali Shanmugham

Building a central Launchpad using SAP Launchpad Service – Integrating 3rd Party Apps

[Update 2021]: Note that this asset was created before our branding changes related to SAP technology were announced on January 2021. Note that SAP Cloud Platform Launchpad was renamed to SAP Launchpad service, and SAP Cloud Platform Portal was renamed to SAP Cloud Portal service

[Update 2022]: Please note that this blog was published prior to the re-branding related to SAP Build portfolio, which was announced at SAP TechEd 2022. SAP Launchpad service and SAP Work Zone come together under the SAP Build Work Zone brand, with two editions: standard edition (formerly SAP Launchpad service) and advanced edition (formerly SAP Work Zone). You can learn more in this announcement blog post: SAP Build Capabilities Explained | SAP TechEd | SAP News Center

 

In the previous blog, I walked though the steps to create a HTML5 app in Cloud Foundry and integrate it within the Launchpad service. If you are interested to know how to integrate Classic UIs or Fiori Apps from your on-premise S/4HANA system, you can follow this blog post as the steps are still the same –  Building Portal Sites on SAP Cloud Platform Cloud Foundry – Creating your first portal site. Please note that in the immediate roadmap there are plans to offers automatic content discovery of Fiori Apps within the S/4HANA system. I will update this blog post when its available.

 

Building a central Launchpad using SAP Launchpad service on SAP BTP

Part 1 – Getting Started

Part 2 – Understanding the options around developing HTML5 apps in Cloud Foundry

Part 3 – Developing HTML5 apps

Part 4 – Integrating HTML5 apps with the Central Fiori Launchpad

Part 5 – Integrating 3rd Party apps with the Central Fiori Launchpad

Part 6 – Integrating chatbots with the Central Fiori Launchpad

Part 7 – Integrating with remote content providers

Part 8 – Enabling Notifications

Part 9 – Transporting Launchpad sites using SAP Cloud Transport Management service

The central Fiori Launchpad is all about providing a harmonized user experience for the end users when performing their day-to-day tasks. Users will be using a combination of SAP and 3rd party solutions to complete some of their E2E tasks. The Central Fiori Launchpad provides a framework to integrate such 3rd party applications too. This blog focuses on how we could integrate ServiceNow with the central Fiori Launchpad. You could use the similar approach with any 3rd party solution as long as they support Cross-origin resource sharing (CORS).

Configuring ServiceNow to enable apps to be embedded within Fiori Launchpad

For demonstration purposes, I have registered for a trial account with ServiceNow and will be using it in this blog post.

One of the first things which need to be done is to disable the Same Origin policy. This will help us to embed ServiceNow apps into the Central Fiori Launchpad. Search for “X_frame_options”

Change the default value from True to False.

If you don’t have the edit option, Use the “Elevate Roles” option in your user profile at the top right hand corner.

Navigate to the Portals menu and look for “Service Portal”.

You can open it and click on “Try it”.

This will launch the Service Portal as shown below. Notice that this portal has a header. If we were to embed this in the central Fiori Launchpad, we need to remove this header to prevent users from seeing multiple headers.

In order to remove this, we need to create our own custom page. Navigate to the pages menu and look for the Index file.

Clone this Index page as we want to work with the existing properties and configuration of this page.

Give it an ID “custom_index” as shown below.

Before you update this page, make sure you remove “Container 1” using the actions. Each element of the page is comprised of containers. Since we do not want the header and the search option, lets remove this container.

Navigate back to the “Portals” menu and create a new entry.

For the Home page property provide the “custom_index” as the page which was created earlier.  For this example, I have provided a URL suffix as “iv”.

Below are some of the configurations which you can copy across from the Service Portal page.

 

When I test this Portal, it should now launch without the headers. Notice the URL has the suffix “iv”. Copy this URL as it will be required when configuring the launchpad service.

You can follow this developer tutorials to create a central Fiori Launchpad using the new Launchpad service. Once you have your site ready, you can create a URL based App as shown below. Notice that I have maintained the URL, Parameters and also set the property to open “In Place”.

Save the changes and test the central Fiori Launchpad. You should be able to see the new tile in the Launchpad for SeviceNow.

As you can see below, the ServiceNow App is rendered within the Launchpad.

Please note that I have not configured the SSO between ServiceNow and SAP Cloud Platform. It would be required to allow users to smoothly transition to apps across multiple solutions.Happy for someone to contribute that part as an addon to this.

Credits to my colleagues who actually configured ServiceNow for a PoC:

In the next blog post, I will walk you through the steps required to integrate a chatbot in the Central Fiori Launchpad using shell plugins.

Assigned Tags

      4 Comments
      You must be Logged on to comment or reply to a post.
      Author's profile photo Mel Calucin
      Mel Calucin

      Hi Murali,

      Thanks for this excellent blog.  We currently use ServiceNow as well.

      We're implementing a new greenfield S/4HANA 1909 on premise system and BW/4HANA 2.0   We also have two slightly older versions of S/4HANA.  We also plan to implement SAP Analytics Cloud.

      We're trying to see if SAP Cloud Platform Launchpad is cost justified for us or if we can just use the Fiori launchpad that is with the the new greenfield S/4HANA 1909.

      1. Is the 3rd party integration functionality only in SAP Cloud Platform Launchpad or is it in S/4HANA 1909 Fiori Launchpad as well?
      2. Some users will be developing SAP Analytics Cloud (SAC) dashboards using the production SAP systems as source data systems.   Consequently, these users may want a Fiori tile directly created in the Fiori launchpad production system for the SAC dashboard.  Using the the S/4HANA 1909 Fiori Launchpad, we have to go through a transport process to move the Fiori tile from dev to prod.    Can we create the SAC dashboard Fiori tile directly on SAP Cloud Platform Launchpad in the production environment?

      Thanks.

      Regards,

      Mel Calucin

      Author's profile photo Murali Shanmugham
      Murali Shanmugham
      Blog Post Author

      Hi Mel,

      Thanks for your feedback. The recommendation from SAP is to use SAP Cloud Platform as an extension platform for S/4HANA. I am sure there will be a need to create extension apps (deployed in SAP Cloud Platform) to meet few requirements for S/4HANA. For such scenarios, setting up the central Fiori launchpad will help users access the standard and custom apps from one launchpad. You also mentioned that there are few old S/4HANA systems too. The central Launchpad is again a good candidate to consolidate the application access across these S/4HANA systems.

      1. I am not across the options in S/4HANA Fiori Launchpad. If you have the option to launch URL based apps "in place", you could achieve the similar integration.
      2. SAP Cloud Platform would help your organization be more agile and roll out apps/changes much faster. Usually changes in S/4HANA system are governed with a strict change window/cycle which does not allow delivering changes to users quickly.  SAP Cloud Platform launchpad would provide new innovations (without needing to patch the system) and also provide a mechanism to push changes to the users more frequently.
      Author's profile photo Mel Calucin
      Mel Calucin

      Murali,

      Thanks for your answer!

      -mqc

      Author's profile photo Yen Shen, Ben Lim
      Yen Shen, Ben Lim

      Hi @Murali Shanmugham

      I followed your guide and was not able to display the ServiceNow app wrap in Launchpad with config “In Place”.

      The page was not able redirect to the ServiceNow mainpage after login. May I know any step that I missed out?

      Login%20successful

      Login successful

      FYI, if I change the configuration to “Open in new tab”, ServiceNow able to redirect to mainpage after login.

      Thanks.

      Regards,

      Ben