Connect Your SAP Build Application to a Public API

1. Open your app to the Integrations tab.

   

2. Under SAP Build Apps classic data entities, click Create Data Entity.

   Select Universal REST API integration.

   

3. Configure the resource with the following details:

   Field	Value
   Data entity name	OpenFoodFacts
   Base API URL	https://world.openfoodfacts.net/api/v0
   Data entity description	Data from Open Food Facts API

   

4. Scroll down to the Additional Inputs section, and click Add New to add a placeholder for a parameter in the URL.

   

   The API enables us to send a barcode as part of the URL, and then returns information about the food with that barcode.

   In the dialog, add a field called barcode of type text.

   IMPORTANT: Make sure you do not add an extra space to the end of barcode.

   Click Add.

   

   If you scroll down you will see the additional input.

   

You now need to configure which information is taken from the Open Food Facts API. This can be achieved using a Retrieve request.

1. Click on Retrieve and enable the request by turning on the toggle switch.

   

2. In the Relative path and query field enter, click on the X.

   

   Select Formula.

   

   Click Create formula.

   

   Enter the following formula:

   JavaScript

   Copy

   "/product/" + query.additionalInputs.barcode + "?fields=product_name,nutriments,image_front_url"
   

   The API contains 100s of fields. We added a filter to make it easier to work with in the project.

   Click Save twice.

You will now test to see if the resource is configured properly.

1. Go to the Test tab.

   

2. In the barcode additional inputs, enter the following:

   JavaScript

   Copy

   6416453061361
   

   Click Run Test.

   

3. Scroll down a little to see the response.

   In this response, you can see just the information we need: product name, nutritional information, and an image.

   

After a successful test you should now set the data schema. This stores the data structure from the URL, enabling the application to easily identify the types of information it is fetching.

1. In the same window where you did the test, scroll back up and click Autodetect Schema from Response.

   

   If you click back to the Base tab, you will see the response schema now set.

   

2. Click Save Data Entity (bottom right).

3. Click Save (upper right).