Fetch Data from Public API to Your AppGyver Application

Open your draft application in your AppGyver Composer account, displaying your barcode scanner app.

As you no longer need your application to send an alert, as this was just used as a test, you need to start by removing the alert component in your logic flow.

To do this, click your Scan button and then click Show Logic for Button1.

Remove the Alert component from your logic panel, as this is no longer needed.

You now need to add your new logic flow for what should happen after the barcode has been scanned. For your application, you want the barcode scanner to fetch data from the data resource you configured in the previous tutorial.

To do this, using the core logic options, scroll down to Data – Get Record and then drag and drop this into the logic editor.

Add a connector from the top Scan QR/barcode option to the Get Record option, indicating the flow of logic in your application.

Once the logic flow is set, you need to bind the information to the output of the scanner node.

To do this, Select the Get Record element and, using the properties panel, click Currently bound to: Static text, opening the binding options screen.

Click Output value of another node.

Configure the binding to the following:

• Select logic node – Scan QR/barcode
• Select node output – Scan QR/barcode / QR barcode content

Then click Save.

The Get Record flow function should now be able to fetch data for any food barcode you scan with your application.

You now need to configure your application to store the data it receives. To do this, you need to add data variables.

To do this, switch to the Variables view.

Click Data Variables.

Click Add Data Variable.

Select your Open Food Facts variable.

As the barcode will be for a single product, select Data variable type – Single data record.

Data variables come with default logic that fetches new information every five seconds, however your app should only fetch information when a barcode is scanned. As a result, you need to remove the default logic. To do this, click Show Logic for Empty Page.

Then delete the default logic by highlighting it and pressing the delete button on the keyboard.

Click Save.

The data variables are now configured for your application.

Now click View to switch back to your application interface view. From here, you will need to add the final piece to your logic flow.

To do this, click your Scan button to open the relevant logic panel.

Using the core logic options, scroll down to Variables – Set Data Variables and then drag and drop this into the logic editor.

Add a connector from the top Get record option to the Set data variable option.

Now, click the Set data variable element and click Currently bound to: object with properties.

Select Output value of another node and then choose the following:

• Select logic node: Get record
• Select node output: Record

Then click Save to save this logic.

Click Save to save your draft application.

The logic has now been added to your draft application.