Skip to Content

Integrate Your SAPUI5 App into Your Site

Add an SAPUI5 app to a site in SAP Build Work Zone, standard edition.
You will learn
  • How to add a deployed, custom-developed, SAPUI5 app to your site
LindsayBertLindsay BertFebruary 2, 2023
Created by
September 7, 2020


  • You’ve already created the JobCore site
  • 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 site.

  • Step 1
    1. In the side navigation panel of your subaccount, click Instances and Subscriptions and then next to SAP Build Work Zone, standard edition, click the Go to Application icon.

      Open launchpad service
    2. Click the Channel Manager icon to view any available content providers.

      Open Provider Manager
    3. 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.

      Select the HTML5 Provider
    4. Click the Fetch updated content icon.

      Fetch updated content

    The HTML5 Apps content provider should now expose any newly deployed app for integration.

  • Step 2
    1. Click the icon in the side panel to open the Content Manager.

      Open Content Editor

      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.

    2. Click the Content Explorer tab to explore content from the available content providers.

      Open Content Explorer
    3. Select the HTML5 Apps provider.

      Select the HTML5 tile
    4. You’ll see that your Suppliers app that you’ve just created in SAP Business Application Studio, already exists in this provider. Select it and click + Add to My Content.

      Add app to My Content
    5. Click the My Content tab.

      Click My Content

      Note that your Suppliers app is in the list of content items.

  • Step 3

    In this step, you’ll create a new group and assign the Suppliers app to it.

    A group is a set of one or more apps displayed together in a site. Assigning apps to groups, makes them visible to the user.

    1. Click + New in the Content Manager and select Group to create a new group.

      Add new group
    2. Enter Our Suppliers as the Title.

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

    4. Next to the Suppliers app, click the + icon to assign your app to this group.

      Assign app to group

      You’ll see that the icon changes.

    5. Click Save.

  • Step 4

    In this step, you’ll assign the Suppliers app to the Everyone role. This is a default role - content assigned to the Everyone role is visible to all users.

    1. Open the Content Manager from the side panel.

      Open Content Manager
    2. Click the Everyone role to open the role editor.

      Everyone role
    3. Click Edit.

      Edit role
    4. Click the search box in the Assignments panel on the right. Any available apps are shown in the list below.

    5. Next to the Suppliers app, click the + icon. You’ll see that the icon changes.

    6. Click Save.

  • Step 5
    1. Click the Site Directory icon to open the Site Directory.

      Open site directory
    2. Click Go to site on the site tile.

      Open site

      You’ll see all the apps that you have created in your site. In the Our Suppliers group, you’ll see the Suppliers app that we’ve just created.

      See all apps
    3. Click the app to launch it.

      View app

    What is the name of the tool where you can configure apps, roles, groups, and catalogs?:

Back to top