This topic describes how to use the HTTP connector.
This document uses an API operation from dummyjson.com as an example to demonstrate how to render network data in a Moflow application. The procedure involves retrieving external data, parsing the information, and integrating it into the user interface to ensure real-time updates and a clear data display. Follow these steps to learn the complete procedure, from retrieving network data to visualizing it.
Create an integration
Create an HTTP integration.
Configure the base URL. For example, set the base URL to
https://dummyjson.com. Ensure that the base URL is configured for both the development and production environments.
For more information about configuring headers and queries, see Integration configuration and General configurations.
Create an action on the page to use the integration.
Configure the integration action.
④ If you enable automatic execution, the action runs when the page opens.
The following steps convert the execution result into a list structure.
Configure the data callback:
return data.body.todos;After you complete the configuration in ① and click ②, the execution result is converted into an array, as indicated by ③.
Add a table widget to the page and set its data source to
{{use_http.data}}.Click ② to reconfigure the Displayed Fields of the table based on the data.
