8 - Create a Work Zone Site and Embed Your App

To enable you to reach SAP Build Work Zone from the SAP Build Loby, you need to add a role to your user.

1. Go back to the BTP Cockpit.

   Go to Security > Users.

   Click on your user with Custom IAS tenant.

   

2. In the side panel, click the 3 dots, and then click Assign Role Collection.

   

3. Search for the Launchpad_Admin role, select it, and click Assign Role Collection.

   

   You must log out of SAP Build and log back in for the new role collection to take effect.

1. In the SAP Build lobby, click Create > Create.

   

2. Select Business Site, and then click Next.

   

   If you get a Not Subscribed indicator, make sure you have the LaunchpadAdmin role and log off and log back into SAP Build.

   

   Log off with the “avatar” at the top right (yours will have your initials).

   

3. Select Admin Console, and then click Open.

   

   The Admin Console opens.

   

1. Click Create Site.

   

2. Enter Purchasing as the site name, and click Create.

   

   The site settings screen opens in a new tab.

3. Click Edit in the top-right corner.

   

4. Under Display, select Spaces and Pages - New Experience.

   

5. Click Save.

6. Go back to the site directory in the previous browser tab.

   You will see your new site tile.

   

1. Open the Channel Manager.

   

2. Click the Update Content icon.

   

   It will show Updating … and take a few minutes to update. When Updated is displayed, continue to the next step.

1. Open the Content Manager.

   

2. Click Content Explorer.

   

3. Click HTML5 Apps.

   

4. Select your ShoppingApp, and then click Add.

   You will get a success essage at the bottom of the page.

   

5. Use the breadcrumb to go back to the Content Manager.

   

   There you will see your app.

   

1. In the Content Manager, click on the Everyone role.

   

2. Click Edit.

   

3. In the Assignment Status column for your app, toggle the switch to on (green).

   

   It should then look like this:

   

4. Click Save.

1. Go back to the Content Manager main page with the breadcrumb.

   Click Create, and then Page.

   

2. Set the title to Overview.

   

3. Click Add Section.

   

   Call the section Purchasing.

   

4. Click Add Widget.

   

   Select your ShoppingApp, and then click Add (1).

   

5. Click Save for the page.

You get a preview of the page.

1. Go back to the Content Manager with the breadcrumb.

   Click Create, and then Space.

   

2. Set the title to Home.

   

3. In the Pages tab, for your page, toggle the Assignment Status column to assign (green).

   

4. Click Save.

1. Go back to the Content Manager with the breadcrumb.

   Double-click Everyone to open it.

   

2. Click Edit.

3. Under Spaces, toggle the Assignment Status column for your new space, so it is on (green).

   

4. Click Save.

1. Go to the Site Directory.

   

2. Open your site.

   

   You’ll see your site, space, page, and app.

   

3. Click the tile, and your app should open.

   You will see at the top the navigation from SAP Build Work Zone to return you to your site.