This lesson will cover the following topics:

03 | Variables

01 Getting Started

This tutorial covers how to use storage integrations with Titan Flow.

02 Integrations

When creating your flow, you will see several options under the Integrations tab.

Add node screen showing the Integrations tab

Before you can use these nodes, you will need to ensure you have authenticated these third-party apps. This can be done in the Settings tab found on the Titan dashboard or when you are configuring your node.

Integration settings located under the Settings tab in the Titan dashboard

03 Variables

To hold the values of the files, the following two variables were created:

  • Files - input_files
  • Static - link

04 Google Drive and

1. Select the Any + icon, choose Google Drive as the node, and click Next.

Flow screen showing the selected google drive node

2. If you have not previously authenticated with Google, click the Authenticate button.

Authenticate button for google drive

3. Login using your account details and follow the prompts. A success message will display once your authentication is complete. Click Next.

Success message indicating authentication status

4. Configure the file fields including the ID to the Google Drive folder, input_files as the files to upload, and store link to as the link variable. Click Next.

configuring google drive node

5. Enter a Tag name and click Insert.

A Finish Node was added to the Google Drive node and configured to the link variable. Save and publish the flow.

screenshot of the configured flow

The same steps can be followed when integrating with Amazon, however, you will choose the Amazon S3 node.

Screenshot of the Amazon S3 configuration


05 Invoking the Flow

A simple web project was created with the following elements; a file uploader, a URL, and a button.

A static global variable was created and labeled: gdrive_link

1. Navigate back to your web project.

2. Click the Interactivity icon from the button menu.

button interactivity icon

3. Click the Start + icon, choose the Flow node, and click Next.

On click action screen showing the flow node selected

4. Use the dropdown to select the Google Drive Flow.

5. Disable Run in Background.

6. Click Configure Parameters.

Configuring the flow node

7. Configure the input_files parameter to the Choose Files field and click Apply.

Configure parameters window

8. Click the Return Parameters button.

9. Configure the gdrive_link variable to the link field. Click Apply.

Configure return paramaters.

10. Click Next, enter a Tag name, and select Insert.

When an image is added to the file uploader element and the flow is invoked, the file will be saved to the Google Drive folder.

Preview of how the uploaded files are saved to google drive

06 Got Feedback?

Additional Resources