Skip to main content

Add APIs and Environment Variables

Easily create a new API or import APIs via their files or URLs to start integrating them into your application screens.

Go to your Flutter app builder, on the screen list select API Integration from the left menu. Here, you can Create a new API, Delete or Edit an existing one, Upload APIs if you already have them, and view all your added APIs of the application.

API Settings

You can add APIs using two ways:

Import Postman collection/Environment/Swagger file or URLs

  • Click on Import APIs, to upload Postman collection/Environment or Swagger file. Select and upload the file to proceed ahead.

Upload files for API

  • Click on Import APIs, select Link tab, add Postman or Swagger URL to import your APIs.

Add links for APIs file

Create APIs manually

  • Click on + Create an API button, to manually add an API. This will redirect you to the API runner page, where a complete API setup resides.

    Create an API

    Step 1: Select method for API and add URL

    Select the API method from the top-left and enter the URL. Below is the list of methods that are supported;

    MethodDescription
    PUTCreates or updates a specified resource
    GETRetrieves information from a specified resource
    DELETEDeletes the value of the specified resource
    PATCHUpdates the value of the specified resource
    POSTSends data to a server to create/update a resource
    info

    If Headers and Params are already set into the Postman collection for an API then it will be auto-set here.

    Step 2: Set Headers, Params and Body

    The next step is to add Headers, Params, and Body;


    Example banner

    Send API request

    • Once you Send the request. You will get the response and the API will be auto-saved for you. To send request click on Send or use shortcut Ctrl + G.

    JSON: Your API response will be formatted into JSON, which will be visible from here.

    Raw: The raw API data which you got from the API response is available here.

    Headers: The headers from the API response are stored here.

    info

    Show code: Get code for your API by clicking on Send -> Show code or simply use shortcut S. You can select from a range of languages available.

    Import cURL: Import API from cURL by clicking on Send -> Import cURL or simply use shortcut C

Add Environment Variables

  • The environment variable Global comes as default. However, you can always create new variables.

  • To use those variables in the URL simply use curly braces {{variable_name}}

Example banner

  • Once you've built the app follow the TODO in your source code to change to different environment variables.


Got a question? Ask here.