Skip to Content
Technical Articles

Building a central Launchpad using SAP Cloud Platform Launchpad service – Integrating 3rd Party Apps

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 Cloud Platform Launchpad

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

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.

4 Comments
You must be Logged on to comment or reply to a post.
  • 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

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

    /
    Login%20successful