Skip to main content

Real Time Logs of External APIs

Intro

Real-time log access for external APIs in a web app offers instant insights into system interactions. This feature enables swift issue identification and resolution by monitoring live communication, tracking API request performance, and facilitating efficient troubleshooting. The real-time log functionality enhances overall monitoring and ensures a more reliable web application.

In this video tutorial you will understand how to read real-time logs of External APIs in your project.

1. Configure Airtable API

Create a collection of records or you can use an existing collection. If you haven’t created your collection yet, Click Here

Choose any third-parti API and configure it in your collection, say, Airtable, for this example.

DrapCode Custom CSS

2. Create an External API

To get data from any third-party integration like Airtable you need to create an External API. External APIs are modules that are used to create a Rest API such as GET API, POST API, DELETE, etc. Although you may also use an existing API too.

APIs can be accessed from Settings → External API or from the top right hand-side. Then select the Create External API button. Give a name to your external API. Then configure the API as per your use case.

DrapCode Custom CSS

3. Create an Event

Create an event to bind to a form to save data of External API. For this choose Save Data right click on it to choose Edit Action and then choose the collection to save data to and Save.

DrapCode Custom CSS

3.1 Send Data to API

Next configure the event to send data to external API. For this too right click on it to choose Edit Action and then choose the external API to save data to and Save.

DrapCode Custom CSS

4. Make a Product

Create a product and Submit. This will save the data and send the data to the Airtable.

DrapCode Custom CSS

5. View the New Data in Airtable

Refresh the Airtable collection and you will find the new product data listed here.

DrapCode Custom CSS

6. Check Data Logs

For this go to app Settings >> System Logs. You will find the logs displayed of the data here. You cna filter them for easier viewing. You can even search for specific logs using the Search option.

DrapCode Custom CSS

Conclusion

Real-time logs of external APIs in a web app provide a crucial benefit by enabling proactive issue detection. This allows for swift identification and resolution of problems, enhancing system reliability and ensuring a smoother user experience.