Hello @msancheti
Open your FlutterFlow project.
Go to the Settings & Integrations section.
Click on API Configuration.
Add a New API:
Click on + Add API.
Choose GraphQL as the API type.
Enter API Details:
Name: Give your API a meaningful name.
Endpoint URL: Enter the GraphQL API endpoint URL.
Headers: Add any required headers (e.g., authentication tokens, content type). If your API requires authentication, add the appropriate Authorization header.
Example:
plaintext
Content-Type: application/json
Authorization: Bearer YOUR_ACCESS_TOKEN
Save the Configuration.
Once your GraphQL API is set up, you need to define the queries and mutations you will use in your app.
Add a Query/Mutation:
Go to the GraphQL API section in your FlutterFlow project.
Click on + Add GraphQL Query/Mutation.
Define the Query/Mutation:
Name: Give your query/mutation a descriptive name.
Type: Choose whether it’s a query or a mutation.
GraphQL Body: Enter the GraphQL query/mutation. Make sure to include any required variables and fields.
Example Query:
graphql
query GetUser($id: ID!) {
user(id: $id) {
id
name
email
}
}
Example Mutation:
graphql
mutation AddUser($name: String!, $email: String!) {
addUser(name: $name, email: $email) {
id
name
email
}
}
Specify Variables (if needed):
Define any variables your query or mutation requires. You can map these variables to data from your FlutterFlow widgets.
Test the Query/Mutation:
Use the
Test functionality in FlutterFlow to ensure your GraphQL queries/mutations return the expected data.
Connect API Calls to Your UI
Now that your GraphQL queries and mutations are defined, you can connect them to your FlutterFlow UI.
