3

Execute ODATA POST Call in SAP Build Apps

 7 months ago
source link: https://community.sap.com/t5/technology-blogs-by-members/execute-odata-post-call-in-sap-build-apps/ba-p/13574106
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

dinesh_kumar45

Participant

‎10-03-2023 9:50 PM

Overview:- SAP Build apps enables quick application development which will reduce our coding dependence and give result oriented comprehensive user experience.

Motivation:-

In this blog you will learn how to post data from SAP Build Apps web application to S/4 HANA System.

Business Scenario:- Design a SAP build app which will post data to SAP S/4 HANA Z Table using OADAT POST Call.

Create an ODATA with Create Entity Method and Create a Custom Z Table.

Now Create a new SAP Builds app
1-38.jpg

Click on create button

Click on Build an Application
2-20.jpg

SAP Build an application

Click on Web & Mobile Application
3-17.jpg

Web and Mobile Application

Give the Project Name and Description
4-17.jpg

Create an application

Build apps UI Canvas
5-13.jpg

Build apps UI Canvas

Now Its time to create a Destination in SAP BTP cockpit under Connectivity, give all the required details as given in below screen shot's and add the additional properties. In the URL give your ODATA URI and click on Save button then do the connection test.
6-14.jpg

Create Destination

Connection test
7-14.jpg

Connection Test

Go to SAP build app Auth tab and click on Enable Authentication
8-13.jpg

Auth Tab in UI Canvas

Click on SAP BTP authentication
9-14.jpg

BTP authentication

Click on Save button
10-18.jpg
                                                                    Authentication

Click on Data Tab and click on Add Integration button
11-12.jpg

Data Tab

Click on BTP Destination
12-13.jpg

BTP Destination

Select your created destination which has been created in destination under Connectivity in BTP cockpit
13-10.jpg

Select created Destination

Click on Install Integration
14-11.jpg

Install Integration

Click on Data Entity
15-8.jpg

Enable Data Entity

Enabled Data Entity and Save
16-9.jpg

Enabled Data Entity

Open UI Canvas and Click on green arrow for switch to Variable mode
17-9.jpg

UI Canvas

In the variable mode here we can define App and Data variable
18-8.jpg

Variable mode

Click on App variable as MATNR , MAKTX , I have only 2 fields in my ODATA & Custom Table.
19-10.jpg

Creation id App variable

Click on Data variable + sign and select the Data entity
20-6.jpg

Data Variable

Select the Data entity
21-6.jpg

Select Data Entity

Added Data variable and click on Save
22-4.jpg

Added data variable

Switch to view mode from variable mode
23-4.jpg

Switch to view mode

In UI Canvas drag and drop the fields
24-5.jpg

Drag and drop fields

Give Screen fields name as per your requirement
25-4.jpg

Screen fields name

Assign screen fields with App variable, select the fields and click on value icon
26-5.jpg

Assignment of app variable

After clicked on Value below popup will open, Select the Data and Variable
27-5.jpg

Data and Variable

click on App variable
28-5.jpg

App Variable

Select the App variable and click on Save , Please do the same activity to assign app variable for MAKTX fields and save.
29-3.jpg

Bind field with MATNR

MATKX assignment with App variable
30-3.jpg

MAKTX assign with App variable

Select the button and click on Show Logic for BUTTON 1
31.jpg

Select the button

On the bottom of screen button logic will be open
32.jpg

Button Logic window

as per our requirement, We need to perform the create operation so here in logic window drag and drop create record tool to logic canvas as shown below
33.jpg
After Dragged the Create record
34.jpg

Select item for drag and drop

Now its time to mapping so here you need to map button even to create record just drag the cursor from component tap to Create record ad shown below in yellow color and click on save
35.jpg

Mapping

Assign App variables with Data entity
36.jpg

Assign fields with App variable

Click on Formula
37.jpg

Formula

Map the Entity fields with App variable and Save

code -{Matnr: appVars.MATNR, Maktx: appVars.MAKTX}
38-1.jpg

Mapping of variables

Drag and drop the toast for user confirmation popup after data saved and right side you can give any custom message
43.jpg
Now its time to run the App
39.jpg

Launch the app

And then click on Preview on Web button select the App
40-1.jpg

Select the App

Preview of App
41.jpg

App Preview

Before enter the data , Showing S/4 Custom table entry
42.jpg

Table entry

Now its time to fill data on the Build apps and click on Save button
44.jpg

Saving Data to S4 System

Now its time to check table in the S/4 system
45.jpg

Table entry

Summary:

This blog can help you to understand how SAP Build Apps perform any ODATA call for POST Method.

Since I am also new to writing blogs, Need Expert suggestions & feedbacks are much appreciated.

If you like this blog post you can follow me for more blogs I will try to make in coming future specifically related to SAP BTP Technologies & SAP Build Apps.

Thank You,

Dinesh Kumar

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK