π»Web services
Connect to external web services to add data to your app
Last updated
Connect to external web services to add data to your app
Last updated
Connect to external webservices to show data from other sources, or even create, update and delete data. Use your app as a way to get your data updated by app users who are not in the office or share data with your app users where ever they are via the same interface. Authentication can be based on API key, bearer token or basic auth.
You first setup a New web service collection which is used by the List, One, Create, Update and Delete webservices which belong to this Web service Collection. Enter the Authentication method an connection parameters once and use it for all of the underlying webcalls.
Define the separate web services you need and add blocks in your app to show the information in your app.
Choose Web services in the left side navigation of your app
Click + New Collection to add your first webservice
Enter the Resource URL , that's the base url which is used by the List, One, Create, Update and Delete webservices which belong to this Web service Collection
After defining the Web service collection, you can start configuring the web service
Select for example the List web service
Add specific parameters if needed
Click the Setup now
4. The Tab Fields will be opened and if you have setup everything correctly, the fields within the web service will be shown
5. If you don't need all of the information within the app, you can deselect those fields by unchecking the checkbox and Save your changes.
After you have connected your web service to your app, you can add blocks to your app to make the data visible
Open the Content tab of your app
Click the red + block button
Select the Advanced tab
Click Add this block
In your app a green List block will be added with a detail page below it.
You can finetune the Detail page in the same way.
Select the List to show a list of items in a screen. The detail page will be added automatically
Select the right data source, in this case the List web service
On the List block you can Enable or disable information to show in the list using the switches.
For advanced editing, select the Elements tab in the left top corner. This article explains to you how to use the element editor to fine tune the design .