LogoLogo
Getting StartedDevelopersDeployment GuideGet Help
  • Quick Links
  • Welcome to Form.io
    • Getting Started With Form.io
    • Launch a Form
    • Overview of Form.io
  • Developer Tool Ecosystem
    • PDF Solution
    • Enterprise Form Builder
    • Form View Pro
    • The Security Module
    • Accessibility Compliance Module
    • Developer License
    • SQL Connector - Deprecated
    • Integration Libraries
    • Form.io CLI Tool
  • User Guide
    • Introduction
    • Form.io Developer Portal
    • Teams
    • Projects
      • Project UI
      • Project Settings
      • Stages
      • Multi-Tenancy
    • Resources
      • ResourceJS
    • Forms
      • Form Creation
      • Form Types
      • PDF Forms
      • Embedding a Form
      • Form Revisions
      • Form Settings
    • Form Building
      • Form Builder UI
      • Form Components
        • Component Settings
        • Basic Components
          • Resource as Select Component Data Source
        • Advanced Components
        • Layout Components
        • Data Components
        • Premium Components
          • Nested Forms
        • Custom Components
      • Logic & Conditions
      • Existing Resource Fields
      • Actions
    • Submissions
      • Accessing Submissions
      • Importing Submissions
    • Form.io eSignature - Coming Soon
    • Form.io Reporting Module
    • PDF Template Designer
    • Form View Pro
    • Form Manager
    • Enterprise Form Builder Module
      • Installation
      • User Guide
  • Developer Guide
    • Introduction
      • Application Development
      • API Documentation
    • Form Development
      • Form Renderer
      • Form Builder
      • Form Embedding
      • Form Evaluations
      • Form Templates
      • Custom Components
      • Translations
    • JavaScript Development
      • JavaScript SDK
      • JavaScript Frameworks
      • JavaScript Utilities
    • Authentication and Authorization
      • SAML
      • OAuth
      • LDAP
      • Resource Based Authentication
      • Email Authentication
      • Two-Factor Authentication
    • Roles and Permissions
      • Field Match-Based Access
      • Field-Based Resource Access
      • Group Permissions
    • Integrations
      • Email Integrations
      • File Storage
      • Google Developer Console
      • eSign Integrations
      • Relational Databases
    • Modules
    • Fetch Plugin API
    • CSS Frameworks
    • Offline Mode
    • Audit Logging
  • Deployments
    • Self-Hosted Deployment
      • Local Deployment
        • Local File Storage
      • Kubernetes
      • Cloud Deployment
        • AWS Deployment
          • AWS Lambda
          • Form.io/AWS Elastic Beanstalk End-To-End Encrypted Deployment
        • Azure Deployment
          • Azure App Service
            • Azure MSSQL Connector - Deprecated
          • Azure Virtual Machine
          • Azure Kubernetes Service
          • Set up the DB
        • GCP Deployment
          • GCP Cloud Run
      • On-Premise Deployment
      • Enterprise Server
      • PDF Server
    • Deployment Configurations
      • DNS Configuration
      • Load Balancer Configuration
    • Licenses
      • License Management
      • Library Licenses
    • Portal Base Project
      • Portal SSO
      • Portal Translations
    • Maintenance and Migration
      • Changes to Premium Libraries
  • FAQ
    • FAQ
    • Tutorials & Workflows
      • Password Reset
      • Dynamic Select Filtering
      • Approval Workflow
      • SSO Email Token
      • Embedding A Video
      • Data Source Validation
      • Select Data Source Options
      • Nested Form Workflows
        • Nested Wizard Forms
      • Save as Draft
      • Role-Based Conditions
      • Custom Component
      • Dynamic Radio and Select Box Values
      • Override CKEDITOR
    • Errors
    • Examples
    • License Utilization Checks
    • Glossary of Key Concepts
  • Contact Us
Powered by GitBook
On this page
  • Google Project
  • Configure Consent Screen
  • Enabling Google APIs
  • Application Credentials
  • Google Refresh Token
  • Form.io Integration

Was this helpful?

  1. Developer Guide
  2. Integrations

Google Developer Console

PreviousFile StorageNexteSign Integrations

Last updated 7 months ago

Was this helpful?

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

  1. Login to your

  2. Click the +Create Project button (or select an existing one)

  3. Give the Project a name and click Create

Configure Consent Screen

The Google Developer Console Consent Screen is part of the OAuth 2.0 authorization process used by applications requesting access to Google user data. When an application wants to access a user's data (e.g., their Google Drive files, calendar, or email), the consent screen is presented to the user. It allows them to review and grant permissions to the application before any data is accessed. Before the Google APIs can be integrated with Form.io, the consent screen must first be configured.

  1. Within your Google project navigation bar, click the APIs and Services product and then OAuth consent screen

  1. Fill out the required application fields

  1. Click Save and Continue through the application setup. Add any Scopes or Test Users if needed for your application.

You can also Publish your application

Enabling Google APIs

  1. Within your Google project navigation bar, click the APIs and Services product and then Library

  1. Select the Google Drive API and Google Sheets API

  1. Click Enable for both the Google Drive and Google Sheet APIs

Application Credentials

  1. Within your Google project navigation bar, click the APIs and Services product and then Credentials

  2. Click the +Create Credentials button

  3. Select OAuth client ID

  1. Select the Web Application option

  2. Within the Authorized redirect URIs section, click the +ADD URI button and add the following: https://developers.google.com/oauthplayground

  3. Click the Create button

  1. Take note of the Client ID and Client Secret. This information will be used in the next section.

Google Refresh Token

Generates a token that allows users access to the Google APIs.

  1. Click the Gear icon found in the top right corner of the page.

  2. Ensure the following settings are configured

    • OAuth flow: Server-side

    • Access type: Offline

  3. Check the Use your own OAuth credentials

    • Add the Google Project Client ID and Client Secret from the previous steps

    • Click the Close button

  1. 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

  2. Click the Authorize APIs button

  1. Authenticate into the Google Drive platform

  2. Click Allow to give the Google Project access to the Google Drive of the authenticated user

  3. Click the Exchange authorization code for tokens button

  4. Take note of the Access Token and the Refresh Token

Enable the 'Auto-refresh token before expiration' setting to automatically generate a new token when the current one expires. If this setting is not enabled, users will need to manually refresh the token or update the expiration time

Form.io Integration

Integrate the Google Project into the Form.io Project.

  1. Within the Form.io Project, navigate to the Google Drive configuration Settings > Integration > Data Connections > Google Drive

Select a Google

By default, the application status will be set to . In this Status, the application will continually expire. A manual refresh of the token is required or a setting can be configured that will refresh the token automatically after the expiration window.

By default, the application status will be set to . In this Status, the application will continually expire.

Navigate to the following URL:

Input the Client ID and Client Secret from the section

Input the Refresh Token from the section

User Type
https://developers.google.com/oauthplayground
Refresh Token
Refresh Token
Application Credentials
Google Refresh Token
Google Developer Console
Google Oauth
Google Sheets
Google Developer Console
Google Drive Storage