Add Cloud Foundry App to Portal Site

1. Login to SAP BTP cockpit and enter your account.

2. Select your subaccount, select Destinations and click New Destination to create a new destination with following entries:

   • Name: Destination_XXX

   • Type: HTTP

   • URL: <your_application_url>

     appRouter with adding https at the starting

   • Proxy Type: Internet

   • Authentication: NoAuthentication

   Additional Properties:

   • sap-platform: CF

   

   Click Save.

1. In your subaccount select Service Marketplace and search for Launchpad Service, select it and click Create.

   

2. Select Launchpad Service as service and standard as plan.

   

   Click Create.

3. Navigate in your subaccount to Users and select your own user.

   

4. Select Assign Role Collection

   

5. Assign Launchpad_Admin, Launchpad_Advanced_Theming and Launchpad_External_User to your user.

   

6. Select Instances and Subscriptions and open your launchpad service.

   

1. Click Create Site.

   

2. Create a new site:

   • Name: Travel_App_XXX

   

   Click Create.

3. Select the cube on the left side and select New > App.

   

4. Enter your properties:

   • Title: Travel App XXX
   • ID: ID from manifest.json(project ztravel_app_xxx in VS Code)
   • System: <your_destination> from SAP BTP cockpit
   • App UI Technology: SAPUI5
   • SAPUI5 Component Name: semantic object from manifest.json (project ztravel_app_xxx in VS Code).

   

   Manifest.json file:

   Search for id:

   

   Search for semantic object:

   

5. Select NAVIGATION and enter your semantic object and action:

   • Semantic Object: ztravel_app_xxx
   • Action: display

   

   Click Save.

6. Select the cube on the left side and select New > Catalog.

   

7. Enter your general data:

   • Title: Travel App XXX

   

   Click on the search field, select Travel App XXX as an app, click Save and return.

8. Select the cube on the left side and select New > Group.

   

9. Enter your general data: - Title: Travel App XXX

   

   Click on the search field, select Travel App XXX as an app, click Save and return.

10. Select the cube on the left side and select New > Role.

    

11. Enter your general data: - Title: Travel App XXX

  ![Create launchpad site](https://raw.githubusercontent.com/sap-tutorials/abap-core-development/main/tutorials/abap-environment-portal-site-vscode/service15.png)

  Click on the search field, select **Travel App XXX** as an app, click **Save** and return.

1. Switch to SAP BTP cockpit. Navigate to your subaccount, select Users and select your own user.

   

2. Select Assign Role Collection

   

3. Search Travel_App_XXX, select it and click Assign Role Collection.

   

1. Switch to Site Manager, select the settings of your launchpad site.

   

2. Click Edit.

   

3. Search Travel_App_XXX, select it and click Save.

   

4. Open your launchpad site.

   

5. Check your result.