Connect SAP Web IDE with S/4HANA Cloud System

Enter your S/4HANA Cloud system’s Fiori Launchpad and open the Communication Arrangements application from Communication Management.

Click New to create a communication arrangement.

Select SAP_COM_0013 as scenario, give a name and click Create.

Add your communication system to your communication arrangement. Select SCP_DEV with OAuth2.0 as communication system. Be sure that your service status of your launch SAP Web IDE is activated and click Save.

For the OAuth destination on SAP Business Technology Platform being created in next steps you will need some OAuth details that you can get from the Communication Arrangement. Open the OAuth 2.0 Details from Inbound Communication section of the communication arrangement. Copy the data or simply leave the pop up open while maintaining the SAP Business Technology Platform destination.

A pop up opens

You will need following data

Enter the SAP Business Technology Platform subaccount as an administrator. Switch to Destinations and click New Destination.

Enter following data to your destination:

| —————————- | ————————————————- | | Name | Name of your destination | | Type | HTTP | | Description | Description of your destination | | URL | first parts (protocol + domain, for example: https://myXXXXXX-api.s4hana.ondemand.com) of Token Service URL in S/4HANA Web IDE communication arrangement OAuth details for inbound communication: | | Proxy Type | Internet | | Authentication | OAuth2SAMLBearerAssertion | | Audience | SAML2 Audience in S/4HANA Web IDE communication arrangement OAuth details for inbound communication | | Client Key | Equals your S/4HANA Web IDE communication system’s inbound user | | Token Service URL | URL + /sap/bc/sec/oauth2/token| | Token Service User | Equals your S/4HANA Web IDE communication system’s inbound user | | Token Service Password | Password of your S/4HANA Web IDE communication system’s inbound user |

Add additional properties:

| —————————– | ——————————————————– | | authnContextClassRef | urn:oasis:names:tc:SAML:2.0:ac:classes:X509 | | TrustAll | true | | WEBIDEEnabled | true |
| WebIDEUsage | odata_abap,ui5_execute_abap,dev_abap |

Save your changes.

In your SAP Business Technology Platform Subaccount go to Services, search for SAP Web IDE and select it.

Click Go to Service to open SAP Web IDE.

Select New Project from Template to start wizard for UI project creation.

If you don’t see this welcome page then follow the alternative way:

File > New > Project from Template

Select the List Report Application template and click Next to create a new UI of this type.

Enter basic information for the project, like Bonusplan as name and title.

Click Next.

To add a data connection click Service Catalog and set the destination SAP_DEV_SYSTEM which you have previously created on your SAP Business Technology Platform subaccount.

Now you can see a list of all custom services in the S/4HANA Cloud system. But if you try to select the Bonusplan service, you’ll get an error message as it is not exposed yet. To finish creating your project, you have to expose that service before.