Solution for Dev and Production Stage API Management

I will show you how you can achieve to manage API for Dev and Production Stage.

Step 1: Create a new constant for apiBaseUrl

1. In the FlutterFlow "App Values" section:

   1. Navigate to the "Constants" tab.

   2. Click the "+ Add App Constant" button.

   3. Set the Field Name as "apiBaseUrl".

   4. Set the Data Type to "String".

   5. Enter the base URL value for your API (this could be your development or production URL).

   

   This constant will serve as the base URL for your API calls across the app.

   Step 2: Set up API Group with a group variable

   In the "Define API Group" section:

   1. Give your API group a name (e.g., "Auths Dev").

   2. In the "API Base URL" field, enter "[apiUrl]" to use a variable.

   3. Expand the "Group Variables" section.

   4. Add a new variable named "apiUrl".

   5. Set its Type to "String" and "Is List" to False.

   6. Leave the Default Value blank for now.

   

   This setup allows you to dynamically set the API base URL for this group.

   Step 3: Apply the API URL in API calls

   When setting up individual API calls within your app:

   1. In the Backend Call configuration, select your API group (e.g., "Auths Dev").

   2. In the Variables section of the API call, you'll see "apiUrl" listed.

   3. Set the Value of "apiUrl" to "apiBaseUrl" (the constant we created in Step 1).

   

   This approach allows you to:

   • Easily switch between development and production APIs by changing the "apiBaseUrl" constant.

   • Maintain consistency across all API calls in your app.

   • Quickly update the base URL for a group of related API endpoints.

   By following these steps, you've created a flexible system for managing your API URLs across different environments (development and production) in your FlutterFlow project.