Skip to Content
Technical Articles

Building a central Launchpad using SAP Cloud Platform Launchpad service – Integrating HTML5 apps

This blog covers the aspects around how you would integrate a HTML5 app (with managed appRouter) with the Launchpad service. The previous blog post focuses on how the HTML5 application is built using SAP Business Application Studio. The Launchpad service is available in the trial environment and you can get started following the instructions in the blog – “Start your free trial for SAP Cloud Platform Launchpad”. There is a  developer tutorials which will guide you on how to enable the service and setup a basic central Fiori Launchpad using URL tiles/apps.

 

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

 

Once you have enabled the Launchpad service and configured it using the above mentioned tutorials, you should be able to access the Launchpad service and begin the integration of HTML5 apps. Navigate to the “Provider Manager” to fetch the updated contents.

In the Content Manager, navigate to the “Content Explorer” and select “HTML5 Apps”.

Select the HTML5 apps which you want to integrate into the central Fiori Launchpad.

You should now be able to see these HTML5 app as views in the “My Content” section.

 

From here on,  it’s the usual steps which you would follow. I have assigned this app to a Catalog.

I have assigned this HTML app to a Group

Finally assigned this app to “everyone” role

When I access the Launchpad, I should now be able to view the tiles and access the HTML5 apps within the Launchpad shell.

The HTML5 app is able to connect to my backend ES5 system and display the Sales orders. The HTML5 apps also is displayed within the Fiori Launchpad shell.

In the next blog post, I will show you how you could integrate 3rd party applications within the central Fiori Launchpad.

5 Comments
You must be Logged on to comment or reply to a post.
  • Hi Murali,

    Thanks for the detailed blog. How do I specify a specific UI5 library version say 1.71.25 in central Fiori Launchpad for all my Fiori apps?

     

    Thanks,

    Parth

  • Hi Murali,

    Thanks for the nice blog.

    I am using a trial account and I can launch my app from the dev space using the Application Routes; however, it is not visible in launchpad content explorer. Can you please help .

    Regards,

    Sudeep

    • In order to view those apps in the Content Explorer, you will have to deploy the HTML5 app as a managed app. Please check out the previous blog post on how to deploy such an app. In your scenario, you will have to convert your existing app to a managed appRouter.