Integrate Your SAPUI5 App into Your Launchpad Site
- How to add a deployed, custom-developed, SAPUI5 app to your launchpad site
- You’ve already created the
- You’ve deployed your SAPUI5 app (including the navigation properties), to SAP BTP, Cloud Foundry environment.
Once you’ve deployed your SAPUI5 app to SAP BTP, it becomes available to add to your launchpad site.
- Step 1
In the side navigation panel of your subaccount, click Instances and Subscriptions and then next to the Launchpad Service, click the Go to Application icon next to it.
Click the Provider Manager icon to view any available content providers.
Select the HTML5 Apps content provider.
The HTML5 Apps content provider is created automatically. Any app that you deploy to SAP BTP is automatically added as content to this provider.
Click the Fetch updated content icon.
The HTML5 Apps content provider should now expose any newly deployed app for integration.
- Step 2
Click the Content Manager icon in the side panel to open the Content Manager.
The Content Manager has two tabs: My Content where you can manually configure content items and view any other available content items, and the Content Explorer where you can explore exposed content from available content providers, select the content, and add it to your own content.
Click the Content Explorer tab to explore content from the available content providers.
Select the HTML5 Apps provider.
You’ll see that your
Suppliersapp that you’ve just created in SAP Business Application Studio, already exists in this provider. Select it and click + Add to My Content.
Click the My Content tab.
Note that your
Suppliersapp is in the list of content items.
- Step 3
In this step, you’ll create a new group and assign the
Suppliersapp to it.
A group is a set of one or more apps displayed together in a launchpad site. Assigning apps to groups, makes them visible to the user.
Click + New in the Content Manager and select Group to create a new group.
Our Suppliersas the Title.
In the Assignments panel on the right, click in the search box to see a list of apps.
If you have many apps, you can type some letters of your app name in the search bar, (for example,
su) to search for the app.
Next to the
Suppliersapp, click the + icon to assign your app to this group.
You’ll see that the icon changes.
- Step 4
In this step, you’ll assign the
Suppliersapp to the
Everyonerole. This is a default role - content assigned to the
Everyonerole is visible to all users.
Open the Content Manager from the side panel.
Everyonerole to open the role editor.
Click the search box in the Assignments panel on the right. Any available apps are shown in the list below.
Next to the
Suppliersapp, click the + icon. You’ll see that the icon changes.
- Step 5
Click the Site Directory icon to open the Site Directory.
Click Go to site on the site tile.
You’ll see all the apps that you have created in your launchpad. In the
Our Suppliersgroup, you’ll see the
Suppliersapp that we’ve just created.
Click the app to launch it.
What is the name of the tool where you can configure apps, roles, groups, and catalogs?: