Integrate Your SAPUI5 App into Your Site

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.

   

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

   

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.

   

4. Click the Fetch updated content icon.

   

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

1. Click the 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.

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

   

3. Select the HTML5 Apps provider.

   

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.

   

5. Click the My Content tab.

   

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

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.

   

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.

   

   You’ll see that the icon changes.

5. Click Save.

   

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.

   

2. Click the Everyone role to open the role editor.

   

3. Click Edit.

   

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.

1. Click the Site Directory icon to open the Site Directory.

   

2. Click Go to site on the site tile.

   

   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.

   

3. Click the app to launch it.