Skip to Content

Add a Web Dynpro ABAP App to Your Portal Site

test
0 %
Add a Web Dynpro ABAP App to Your Portal Site
Details

Add a Web Dynpro ABAP App to Your Portal Site

2019-11-13
Add a classic SAP UI app (like those typically run by SAP customers on the data center backends), to an SAP Cloud Platform Portal site.

You will learn

  • How to expose a Web Dynpro ABAP backend application to your SAP Cloud Platform Portal site.

Prerequisites

  • You have created a destination between SAP Cloud Platform and your backend system using the SAP Gateway Demo System.
  • You have opened your trial account or other subaccount.


Step 1: Open the Content Manager
  1. Click Subscriptions in the left navigation panel of your trial account and in the search box, enter portal to search for the Portal tile.

    Click subscriptions
  2. Click Go to Application on the Portal tile.

    Open Portal Service

    The Site Manager opens with the Site Directory in focus.

  3. In the side panel, click the icon that opens the Content Manager.

    Open Content Manager
Log on to answer question
Step 2: Configure the Web Dynpro ABAP app
  1. In the Content Manager, click + New -> App.

    Create new app
  2. In the PROPERTIES tab, enter these values:

    Field Value
    Title Search POs
    System Select the value ES5
    App UI Technology Select Web Dynpro ABAP
    Application ID S_EPM_FPM_PO
    Add app properties
  3. In the NAVIGATION tab, enter these values:

    Field Value
    Semantic Object S_EPM_FPM_PO
    Action Display
    Add navigation properties
  4. In the VISUALIZATION tab, enter these value:

    Field Value
    Subtitle Search for Purchase Orders
    Icon Select the activity-2 icon. Just type the icon name in the search bar.

    Click Save.

    Add visualization properties

You’ve configured the app. Now you need to assign it to a group so that users will be able to see the app on the launchpad page of your Portal site. You also need to assign it to the Everyone role so that users can access the app.

Log on to answer question
Step 3: Assign the app to a group

In this step, we will first create a new group and then assign the app to it.

  1. Use the back arrow to get back to the Content Manager.

    Go back to Content Manager
  2. Click + New and select Group.

    Add new Group
  3. Name the group Purchase Orders.

  4. In the Assignments panel on the right, type in se to find the Search POs app. Then next to the app name, click the + icon to assign the app to the group.

    Assign app to group
  5. Click Save.

  6. Use the back arrow to go back to the Content Manager to see your new group in the list.

Log on to answer question
Step 4: Assign the app to a role

In this step you will assign the app to the Everyone role so that users can access and launch the app in the launchpad page.

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

    Click everyone role
  2. Click Edit in the Role editor.

  3. In the Assignments panel on the right, enter se in the search bar to look for the Search POs app.

  4. Click the + icon next to the app name to assign the app to the Everyone role.

  5. Click Save.

    Assign app to role
Log on to answer question
Step 5: Launch the app
  1. From the side panel, click the icon that opens the Site Directory.

    Open site directory
  2. On the JobCore Portal site (or another site that you created), click the Go to site icon.

    Go to site
  3. Enter your logon details if prompted to do so.

  4. Click My Apps in the menu bar. You will see the two groups that you created.

  5. In the Purchase Orders group, click the Web Dynpro ABAP app called Search POs to launch it.

    View my apps

And this is what you’ll see.

View app

Which editors will you use to configure your Web Dynpro app so that users can see it and launch it from your Portal site?
×

Next Steps

Back to top