As noted in the Variables section, Variables give you the ability to define reusable text-based values. Variables can be API keys, labels, or any other data that you want to manage in a single location and reference throughout your Project.
Environments give you the ability to specify different values for your Variables depending on the current context. For example, you may wish to create “Development” and “Production” Environments.
Adding Environments
To add a new Environment, click on the “Environments” tab. Click “Add Environment” and then provide a name for the environment, such as “Production.”
Configuring Environments
Once you have created an Environment, you can then set the values for all of your project’s Variables for that particular environment. On the Environments tab, click the “More” icon (three dots) and then click “Configure”. You will then be presented with a form in which you can provide values for your Variables. If you have any Libraries enabled, you may see sections for those as well, because they may also require information such as API keys or URLs to properly function.
Renaming Environments
To rename an Environment, click the “More” icon (three dots) and then click “Edit”.
Deleting Environments
To delete an Environment, click the “More” icon (three dots) and then click “Edit”.
Setting the Default Environment
Marking an environment as the “Default” Environment means that said Environment will be used by the application unless another Environment is explicitly selected.The first Environment you create will be set as the “Default” Environment. To change the default, click the “More” icon (three dots) next to the desired Environment and then select “Set as default”.
Adding Environment Variables to Layouts
When in Layouts Mode, Environment Variables are available as a data source. In any property that supports Data Binding, you can use FQL or the Data Picker to select the appropriate Variable. The value that is provided will depend on the current active Environment.
Previewing Environments on the Canvas
When in Layouts Mode, an “Environment” dropdown is present at the top of the Canvas. You can select from any of your Environments to preview the application in that state.
