Google Developer Console
Google Developer Console allows you to build, deploy, and scale applications, websites, and services on the same infrastructure as Google. Form.io offers several direct integration options under the Google Developer Console umbrella such as:
To leverage these features, a Google project must first be established and then integrated with a Form.io Project. The following documentation will guide you through creating a Google project, establishing the correct APIs, and connecting it to your Form.io project.
Google Project
Login to your Google Developer Console
Click the +Create Project button (or select an existing one)
Give the Project a name and click Create
Google APIs
Within your Google project navigation bar, click the APIs and Services product and then Library
Select the Google Drive API and Google Sheets API
On the next screen, click Enable for both the Google Drive and Google Sheet APIs
Within your Google project navigation bar, click the Credentials tab
Click the +Create Credentials button
Select OAuth client ID
Select the Web Application option
Within the Authorized redirect URIs section, click the +ADD URI button and add the following:
https://developers.google.com/oauthplayground
Click the Create button
Take note of the Client ID and Client Secret
Google Refresh Token
Generates a token that allows users access to the Google APIs.
Navigate to the following URL: https://developers.google.com/oauthplayground
Click the Gear icon found in the top right corner of the page.
Ensure the following settings are configured
OAuth flow: Server-side
Access type: Offline
Check the Use your own OAuth credentials
Add the Google Project Client ID and Client Secret from the previous steps
Within the API list, expand the Google Sheets API v4
Check the following API endpoints https://www.googleapis.com/auth/drive https://www.googleapis.com/auth/spreadsheetsXCCC
Click the Authorize APIs button
Authenticate into the Google Drive platform
Click Allow to give the Google Project access to the Google Drive of the authenticated user
Click the Exchange authorization code for tokens button
Take note of the Access Token and the Refresh Token
Form.io Integration
Integrate the Google Project into the Form.io Project.
Within the Form.io Project, navigate to the Google Drive configuration Settings > Integration > Data Connections > Google Drive
Input the Client ID and Client Secret from step 10 of the Create Google API section
Input the Refresh Token from step 9 of the Google Refresh Token section
Last updated