Learn how to integrate APIs in FlutterFlow with this comprehensive 35-minute tutorial. Explore the concept of APIs, set up API calls, trigger them effectively, and utilize API responses in your app. Follow along with a practical FlutterMet demo, covering topics such as configuring SendGrid API, using POST bodies, and implementing GET query parameters. Discover techniques for querying APIs in the UI, extracting data using JSONPath, dynamically generating list views from variables, and passing API results as navigation parameters. Gain hands-on experience with the Met Museum API, learn to use variables in URLs and headers, and master the art of setting UI element values from API responses. By the end of this tutorial, you'll be equipped to harness the power of API integration in FlutterFlow, enabling you to connect your app with thousands of services and create more dynamic, data-driven applications.
Overview
Syllabus
Introduction
What's an API?
FlutterMet demo
Part 1 - Setting up API Calls
SendGrid API - Sample
POST body
Part 2 - Triggering API calls
Test it - Run Mode
Part 3 - Getting and using API responses
Met Museum API documentation
Met API Config in FlutterFlow
Using variables in URLs/Headers
GET Query Parameters
Querying APIs in the UI
JSONPath, getting fields from JSON
Generate list views dynamically from variables
Set UI element values from variables
Passing API result as a navigate action parameter
Taught by
FlutterFlow
