Technology Blogs by SAP
Learn how to extend and personalize SAP applications. Follow the SAP technology blog for insights into SAP BTP, ABAP, SAP Analytics Cloud, SAP HANA, and more.
cancel
Showing results for 
Search instead for 
Did you mean: 
sobhapujari18
Employee
Employee
Introduction: In today's digital world, businesses are looking for ways to streamline their processes and enhance their customer experience. One way to achieve this is through the integration of different systems. In this blog post, we will explore how to integrate SAP C4C and S/4 HANA using BTP destinations and SAP Build apps.

To integrate SAP C4C and S/4 HANA, we can use BTP (Business Technology Platform) destinations and SAP Build Apps.

BTP destinations are endpoints that define how to connect to a remote system or service. BTP Destinations are typically used in cloud-based scenarios where different cloud services need to communicate with each other securely. They provide a way to define the connection details for target systems such as the endpoint URL, authentication credentials, and other settings. BTP Destinations can be created and maintained using the SAP Cloud Platform cockpit or SAP Cloud SDK. They can be used in various scenarios, such as connecting to remote data sources, invoking external web services, or sending notifications to third-party systems.

SAP Build Apps is a visual programming environment where citizen and professional developers can build enterprise-ready custom software without writing any code. It makes it easier for users to create engaging and functional SAP Fiori apps without the need for extensive technical expertise or coding knowledge. It provides a streamlined and collaborative design process that helps organizations deliver high-quality apps faster and more efficiently.

You can sign up for a free trial of SAP Build to get hands-on experience with the tool. The trial account provides access to all the features and functionalities of SAP Build, allowing you to create and prototype your own SAP Fiori apps. You can find it here.

For Quick on-boarding & Certification to SAP Build you can refer to the blog post SAP Build Low-code/No-code Applications.

Let us quickly get into our use case.

Use Case: An SAP Build App is embedded into the Agent desktop screen in C4C tenant where you will be able to view the S/4HANA transactions like Sales Orders, Customer Returns, Outbound Deliveries etc based on the Customer like below.


Let’s take an example of integrating Sales orders from S/4HANA in to C4C screen.

Step 1: Set up the BTP Destination in the BTP Sub account.

You can follow below steps:

  • Open the SAP Cloud Platform Cockpit and log in to your BTP sub-account.

  • Navigate to the "Destinations" page under the "Connectivity" tab.



 

  • Click on the "New Destination" button to create a new destination.





  • In the "Destination Name" field, enter a name for your destination.

  • In the "Type" field, select "HTTP" as the destination type.

  • In the "Description" field, enter a brief description of your destination.

  • In the "URL" field, enter the URL of the S/4HANA Sales order API (https://myXXXXXX.s4hana.ondemand.com/sap/opu/odata/sap/API_SALES_ORDER_SRV)that you want to integrate.

  • In the "Proxy Type" field, select "Internet" as the proxy type.

  • In the "Authentication" section, select "BasicAuthentication" as the authentication method.

  • Enter the username and password credentials for the API service.

  • In the "Additional Properties" section, add the following key-value pairs:

    • "WebIDEEnabled": "true"

    • “HTML5.DynamicDestination” :"true"

    • "AppgyverEnabled" :"true"





 

  • These properties will allow you to access the API service using the SAP Web IDE.

  • Click on the "Save" button to save your destination.

  • Once you set up, you can click Check Connection to see if the Connection is Successful.



 

Step 2: Create an Appgyver app with basic screens to display the values from the S/4HANA. Add a list view to the page to display the results and a page parameter to read the Account id and Query the Sales orders based on Account ID. Here are some steps to follow.

  • Create a new page in Appgyver by selecting "Create New Page" from the Pages menu.

  • Name the page and select a layout that will suit your needs.

  • Add a container component to the page to hold the sales order query results.





  • You can create a page Parameter to read the Account id from the C4C Screen and pass that to S/4HANA system to query sales orders based on Account.

  • Next we have to enable BTP Authentication. click on the AUTH tab -> Enable Authentication







  • Add the BTP destination created in the Previous step by clicking on the Data tab -> Add integration.






  • Then select the BTP Destination you have created.





  • Then do install Integration and enable Data entity and save it, then that Data resource will be added to your Project.






  • Add a data variable to the page to store the query results. You can select the Sales Order Data resource you have added above.





  • Bind the container component to the data variable using the "Repeat with" binding option. This will cause the container to display a list of items based on the data returned by the query.






  • Customize the appearance of the container and its child components (e.g., text elements, buttons, etc.) to display the sales order data in a clear and intuitive way.

  • Test the page by previewing it in the Appgyver preview app or by deploying it to a test environment. If necessary, adjust the page and data variables until the desired results are achieved.

  • Deploy the app using then Open Build Service and add the Deployed URL as a Mash up in C4C Agent desktop Screen.





  • You can configure the Mash up in Agent Desktop as a tab or in the Account Screen as a tab by passing the Account ID.





  • You can repeat the same steps to get any other S/4HANA transactional data like Customer returns, Outbound Deliveries, Credit Memo Requests etc.



 

In conclusion, integrating SAP C4C and S/4 HANA using BTP destinations and SAP Build apps can provide businesses with a powerful solution to streamline their processes and improve their customer experience. By using BTP destinations to connect the two systems and SAP Build apps to create custom applications, businesses can read real-time data from S/4 HANA and display it in SAP C4C, allowing for better decision-making and enhanced efficiency.

Once you get more familiar with the SAP Build apps then it will become easier to build screens and play around and try different integration scenarios. Hope this blog may help you in your use cases.
14 Comments
srutinayak
Advisor
Advisor
Nice Blog sobhapujari18. Keep it up!
MustafaBensan
Active Contributor
0 Kudos
Hi Sobha,

I have the following questions:

1.  This blog post refers to both SAP Build Apps and AppGyver.  Are they intended to mean the one and the same thing, or with "AppGyver" are you intending to refer to the original/classic AppGyver?

2.  As far as I am aware SAP Build Apps does not support on-premise S/4HANA destinations, requiring API Management as middleware, whereas AppGyver does support on-premise destinations.  Is that right?

Thanks,

Mustafa.
Raje1
Active Participant
Shobha very nice explanation keep it up
sobhapujari18
Employee
Employee
Hello Mustafa,

  • SAP AppGyver has evolved as SAP Build Apps, joining the new SAP Build family of low and no-code software solutions. Apart from SAP Build Apps, the Build Family includes Build Process Automation and Build Work Zone.

  • Yes, it is possible to integrate SAP Build apps with S/4HANA on-premise systems using BTP destinations.you will need to have a cloud connector set up between your BTP subaccount and your on-premise system. The cloud connector acts as a bridge between the cloud and on-premise systems, enabling secure communication between them. you can refer the below help document https://help.sap.com/docs/EXCISE_TAX/14d4836ce4ae4a2cb12de79dc593a87d/b1a3af9e60714960aa430300617367...

shridharshetty
Explorer
0 Kudos
Hi Shobha,

Since the integration is over the technical user, the license cost for this will be accounted for only one user?

Thanks

Shridhar
shantanusharma
Product and Topic Expert
Product and Topic Expert
0 Kudos
Very useful. Thank you.
shridharshetty
Explorer
0 Kudos
Hi @shobha Pujari, Is this SAP C4C V2 solution or V1(NGAP) solution ?
sobhapujari18
Employee
Employee
0 Kudos
Hello Shridhar,

This blogpost is for integrating SAP Build Apps with SAP C4C v1(NGAP) Solution, However the same can be done in SAP Sales & Service Cloud V2 solution as well
shridharshetty
Explorer
0 Kudos
Hi Shobha,

Since Appgyver/SAP Build App is not part of V1 license, I hope only one license user cost is involved in this approach. This is very important since customer has to pay extra for this apart from BTP license. Can you please confirm on the same ?

Thanks

Shridhar
chandan3009
Explorer
0 Kudos
Hello Sobha,

I am struggling to fetch the data from the associations of C4C ODATA while using the BTP destination for integration. Refer below link to check if I am missing something here.

https://answers.sap.com/questions/13898246/accessing-data-from-the-odata-association-using-bt.html

 

BR, Chandan
sascha_federau
Explorer
0 Kudos
Hi Sobha,

thank you very much for this great post. Unfortunately, I can't agree with your statement that it also works with the v2. SAP seems to offer only REST services for v2 and no OData service anymore. That's why (as of today) you can't connect them via the way you mentioned. Do you know more about this? Also why SAP in v2 only goes directly to REST?

Best regards,
Sascha
shridharshetty
Explorer
0 Kudos

Hi Sascha Federau,

V2 solutions are built on micro service architecture. SAP Build Apps supports even REST Services https://help.sap.com/docs/build-apps/service-guide/setup-sap-build-apps-with-sap-sales-cloud-version...

Regards

Shridhar

manisharamesh
Associate
Associate
0 Kudos
Hi Sobha,

 

Thank you for the detailed blog. Can you confirm if SAP Build Apps would work with on-prem ECC system as well? If so, can you help with the destination configuration for the same?
Summitt12
Participant
0 Kudos

Great blog

the final steps for Parameter integration are bit unclear

I tried to use the blag to filter s4 data based on parter ID but not successful

Have raised below as well, any pointers would be helpful

https://community.sap.com/t5/sap-builders-discussions/build-apps-basic-tbale-with-data-adapter-page-...

Regards