SAP Build Apps Application to show Data from ODATA S4 System in tubular format

Motivation:-

In this blog you will learn how to display data in SAP Build Apps web application from SAP ODATA Service.

Overview:- The SAP Build apps low code/no code solutions which enable users of all skill levels to easily create the business applications. This approach help users to create applications and automate the  processes, Developer can use the drag-and-drop functionality and create the application.

Business Scenario:- Here I am going to show you, How S4 OData consumed to Build apps in tubular format.

Welcome%20Page

Welcome Page

Click on Create button and click on Build an Application

Builds%20app

Builds app

Click on Web & Mobile Application

Web%20and%20Mobile%20app

Web and Mobile app

Give the Project Name & Project Description and Click on Create button

Project%20Name%20and%20Description

Project Name and Description

Design view, As we can see all the tool in the CORE tab but Table we can not find here so we need to go in INSTALLED Tab.

Design%20view

Design view

In Installed tab search for Table as given below.

Installed%20Tab

Installed Tab

Click on Table and you will get option for install the Table in UICANVAS.

Install%20Table

Install Table

After Installed Table you will get table in Installed Tab.

Added%20Table%20in%20Install%20Tab

Added Table in Installed Tab

Drag Table to Page Layout

Drag%20Table%20to%20Page%20Layout

Drag Table to Page Layout

Before Mapping data from S4 to Build apps , We need to create Destination in the BTP cockpit under Connectivity and give the required details of S4 system , ODATA URI and Additional Properties as given below.

BTP%20Destination

BTP Destination

Connection Test

Connection%20Test

Connection Test

Click on Auth Tab in UI Canvas

Auth%20Tab

Auth Tab

Click on Enable Authentication Button

Enable%20Authentication

Enable Authentication

Click on Enable BTP authentication.

BTP

SAP BTP Authentication

Click on Save button.

SAP

BTP authentication Page

Now go to Data Tab and click on Add Integration

16

Add Integration

17

Add BTP Destination

You will get your created BTP destination as below.

Get%20Destination

Get Destination

 

After select the destination, you will get ODATA Set and click on Install Integration

Installed%20Integration

Installed Integration

Click on Enable Data Entity.

1

Enable Data Entity

Save the Integration.

Save%20Integration

Save Integration

Click on UI Canvas and Select the table, in Right side click on Configure button under Table resource.

Go%20to%20UICanvas

Go to UI Canvas

Select ODATA Set

Select%20ODATASet

Select ODATA Set

Here you can see the fields from ODATA and in Display Name you can give your desire column heading name.After that click on Save and exit and click on Save button on top right.

Showing%20fields%20from%20ODATA

Showing fields from ODATA

Click on Launch Tab and click on Open Preview portal.

Launch%20Tab

Launch Tab for Preview portal

Click on Open web preview

P

Open web preview

Select your project which you want to see the output.

Select%20your%20Project

Select your Project

Final output as below data is coming from S4 and displaying in Build apps.

Final%20Output

Final Output

In conclusion, integrating 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 multiple systems and SAP Build apps to create custom applications, businesses can read real-time data from S/4 HANA and display.

Once you get more familiar with the SAP Build apps then it will be easier to build scenario and play around. Try to different some more integration scenarios.

Hope this blog may help you in your use cases. Please do like follow and comment if you have an any query on this topic.

Scroll to Top