Quickstart: Google integration

Upload a file to Google Drive

The Anvil Google API Service gives you a simple way to use a range of Google services.

In this quickstart, we’ll build an app that uploads files to your Google Drive.

Create an app

Log in to Anvil and click ‘New Blank App’. Choose the Material Design theme.

Enable the Google API Service

In the App Browser, click the + next to Services.

You’ll see a list of available services and integrations. Click on Google API.

In the Sidebar Menu, click the blue plus button . You’ll see a list of available services and integrations. Click on Google API.

Create a folder in your Google Drive

If you don’t have a Google account, you need to create one - it’s free and they’re really useful.

Create an empty folder:

Add a file to your Anvil app

Go back to the Anvil Editor.

In the Google API Service, click the Add App File button:

A Google login dialog will open in a separate browser window. Log in to see this dialog in the Anvil Editor:

Browse your Google Drive and select the folder you created earlier.

It will be displayed in the Google API Service like this:

Add a FileLoader to your app

Go to the Design View for Form1. Drag-and-drop a FileLoader component into your app.

Double-click the FileLoader in the Design View to configure a change event. This code will be automatically written for you in the Code View:

  def file_loader_1_change(self, file, **event_args):
    """This method is called when a new file is loaded into this FileLoader"""
    pass

Delete the pass and write this line in its place:

    app_files.my_folder_name.create_file(file.name, file)

Where my_folder_name is the name of the Google Drive folder you added to the app. In my case, that’s production_data_06_2019:

    app_files.production_data_06_2019.create_file(file.name, file)

Run your app

Run your app:

Click on the Upload button, select a file from your computer and hit ‘open’:

Check your Google Drive - the file you uploaded will be in the folder:

Copy the example app

Click on the button below to clone a finished version of this app into your account.

The cloned version will not have the permissions that were granted to the original, of course!

You’ll need to click the button to set up your own Google account, and add your own files rather than ours:

Next up

Want more depth on this subject?

There’s much more to the Google API Service.

• You can do much more with your Google Drive files
• You can log users in to your app with their Google accounts
• And you can access your users Google Drive files

Want another quickstart?

Every quickstart is on the Quickstarts page.

Do you still have questions?

Our Community Forum is full of helpful information and Anvil experts.