Skip to Content

Connect SAP Web IDE with S/4HANA Cloud System

test
0 %
Connect SAP Web IDE with S/4HANA Cloud System
Details
// Explore More Tutorials

Connect SAP Web IDE with S/4HANA Cloud System

Expose needed services (scenario `SAP_COM_0013`) of S/4HANA Cloud system to SAP Web IDE and maintain S/4HANA Cloud system access in SAP Cloud Platform Subaccount

You will learn

  • How to create a communication arrangement for SAP Web IDE scenario SAP_COM_0013 in S/4HANA Cloud
  • How to create a HTTP destination to S/4HANA Cloud in SAP Cloud Platform
  • How to create a UI project in SAP Web IDE

You will learn how to enable SAP Cloud Platform development with SAP Web IDE against a S/4HANA Cloud system via OAuth authentication. You will see that the communication arrangement for SAP Web IDE scenario SAP_COM_0013 in S/4HANA Cloud will expose essential services, that SAP Web IDE needs. SAP Cloud Platform subaccount will get a destination which holds data for the connection and OAuth communication with the S/4HANA Cloud system. At the end you will see in SAP Web IDE a list of services that you can theoretically build extensions on.

Regarding the overall trust settings, you will now make your S/4HANA Cloud system trust your SAP Cloud Platform subaccount.

S/4HANA Cloud trusts SAP Cloud Platform

That enables its Web IDE to request data from the S/4HANA system during Custom UI development and finally to deploy that UI to the S/4HANA Cloud system. Both processes are so called inbound requests to the S/4HANA Cloud system.

Authentication and authorization handling during runtime

Additional Information

  • SAP S/4HANA Cloud Release (tutorial’s last update): 1902

Step 1: Connect S/4HANA Cloud with SAP Web IDE

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

Open communication arrangements application

Click New to create a communication arrangement.

Create new communication arrangement

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

Select <code>SAP_COM_0013</code>as scenario

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.

Add communication system
Log on to answer question
Step 2: Get S/4HANA Cloud OAuth Details

For the OAuth destination on SAP Cloud 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 Cloud Platform destination.

Button for OAuth 2.0 Details

A pop up opens

OAuth 2.0 Details pop up

You will need following data

Label in S/4HANA OAuth Details Label in SAP Cloud Platform destination equals to
Client ID Client Key Communications System’s Inbound User
User Name Token Service User Communications System’s Inbound User
Token Service URL Token Service URL
Token Service URL: first parts (protocol + domain, for example: https://myXXXXXX-api.s4hana.ondemand.com) URL
SAML2 Audience Audience
Log on to answer question
Step 3: Connect SAP Web IDE's SAP Cloud Platform with S/4HANA Cloud

Enter the SAP Cloud Platform account as an administrator. Switch to Destinations and click New Destination.

Create HTTP 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
Set destination data

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
Destination’s Additional Properties

Save your changes.

Log on to answer question
Step 4: Test connection from SAP Web IDE to S/4HANA Cloud

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

Open SAP Web IDE service overview in SAP Cloud Platform

Click Go to Service to open SAP Web IDE.

Open SAP Web IDE

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

Select new project

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.

Select UI Project Template

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

Enter basic information

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 Cloud Platform.

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.

Choose Data Connection
Log on to answer question
Step 5: Test yourself
Which is the S/4HANA Cloud scenario for communication with SAP Web IDE?
×

Next Steps

Prerequisites

Authorizations: Your user needs
- a business role with business catalog Communication Management (ID: SAP_CORE_BC_COM) in your S/4HANA Cloud system
- Administrator access to your SAP Cloud Platform subaccount
- Developer access to your SAP Cloud Platform subaccount’s SAP Web IDE

Back to top