Google Forms New API Using Node.js

Hero Image

Google Forms are undoubtedly a popular way to create online forms and surveys, and they’re easy to make, share and analyze. Introducing an API just makes sense given the popularity of the service and the needs Google Forms is solving.

With an API, you will be able to customize how you export your forms responses to other systems like Airtable, your Slack, or dynamically create forms on the fly from other systems.

The Google Forms API is currently in Open Beta, but you can already interact with it by applying to the Early Adopter Program.

Usually, approval to the Early Access program takes up to 5 days after you submit the form. Once generally available, the Google Forms API SDK will be part of the official Google APIs Node.js package.

Once you have access to it, ensure you have configured a Google Cloud Project with the proper credentials, in this blog post, the code examples will be using an OAuth 2.0 client access token.

The Google Forms API supports the following RESTful endpoints:

Reading form content

  • Questions
  • Options

Reading form settings and metadata

  • Title and description
  • Quiz settings
  • Correct answers (quiz answer key)
  • Point values
  • Feedback

Push notifications

  • Receive notifications when data changes in forms

In this blog post, we will use the RESTful interface to interact with the API. We will update the content once the Node.js SDK is officially released.

If you want to receive a notification once Google Forms API reaches General Availability, sign up to Fusebit for free.

We will be using the popular Node.js Library superagent to perform the requests.

Creating a new Form

Creating a new form only requires the form title, then you add form contents via an update to the created form.

Let’s see how you can create a new form:

const programmingLanguagesForm = await superagent
.post("https://forms.googleapis.com/v1beta/forms", {
info: {
title: "Your favorite programming language",
},
})
.set("Authorization", `Bearer ${access_token}`);
const { responderUri } = programmingLanguagesForm.body;
console.log(`New Form created:: ${responderUri}`);

Add Form items

Now you have created a new form, let’s add items to it. One easy trick is to design your form elements in the Google Forms UI itself as a guide to understanding the shape of the components you will add to it.

If you aren’t familiar with Google APIs, the request body will look weird at first glance since, despite it being a RESTful interface, it follows gRPC Transcoding syntax.

You will send a POST request to the batchUpdate endpoint. it’s called a batchUpdate because it can perform several changes to the Form in the same request:

  • Add a new Form Item(s)
  • Delete an existing form item(s)
  • Update a current form item(s)
const updatedForm = await superagent
.post(`https://forms.googleapis.com/v1beta/forms/${formId}:batchUpdate`, {
requests: [
{
createItem: {
item: {
title: "The C programming language",
description: "Watch the history of the C programming language",
videoItem: {
video: {
youtubeUri: "https://www.youtube.com/watch?v=de2Hsvxaf8M",
},
},
},
location: {
index: 0,
},
},
},
],
})
.set("Authorization", `Bearer ${access_token}`);

The created form will look like this

Google Forms API Node.js with-shadow

Now let’s add more items to the previous form

const updatedForm = await superagent.post(`https://forms.googleapis.com/v1beta/forms/${formId}:batchUpdate`, {
requests: [
{
createItem: {
item: {
title: "The C programming language",
description: "Watch the history of the C programming language",
videoItem: {
video: {
youtubeUri: "https://www.youtube.com/watch?v=de2Hsvxaf8M"
}
}
},
location: {
index: 0
}
}
},
{
createItem: {
item: {
title: "What's your favorite programming language",
questionItem: {
question: {
choiceQuestion: {
type: 'RADIO',
options: [
{ value: 'Java' },
{ value: 'Python' },
{ value: 'JavaScript' },

]
}
}
}
},
location: {
index: 1
}
}
},
{
createItem: {
item: {
title: "Do you have experience with JavaScript programming language?",
questionItem: {
question: {
required: true,
choiceQuestion: {
type: 'DROP_DOWN',
options: [
{
value: 'yes',
},
{
value: 'No'
}
]
}
}
}
},
location: {
index: 2
}
}
}
]
})
.set('Authorization', `Bearer ${access_token}`);

The form will look now like this

Google Forms API Node.js with-shadow

As you may have noticed from the previous code example, there are different types of items you can add:

  • textQuestion
  • textQuestion with paragraph
  • textQuestion with multiple choice
  • choiceQuestion of type CHECKBOX
  • choiceQuestion of type DROP_DOWN
  • fileUploadQuestion
  • scaleQuestion
  • questionGroup of type RADIO
  • questionGroup of type CHECKBOX
  • dateQuestion
  • timeQuestion

Conclusion

Google Forms API will open lots of possibilities. Once the API reaches GA this year, we're looking forward to it so everyone can use it without applying to the Early Access Program.

Here are a few examples of what you will be able to do with the forms API:

Form questions

  • Export Form questions and responses to third-party tools like Airtable
  • Import Form questions in Advanced surveys tools like Polly

Form Responses

  • Receive notifications for new form responses in a Slack channel.
  • Create rich infographics from quiz responses in a third-party tool like Tableu
  • Integrate with better reporting tools to analyze responses like Microsoft Power BI

Form Management

  • Create new forms dynamically from third-party tools, like an LMS (Learning Management System).
  • A Slack bot that allows you to list and edit forms questions.
  • Add questions, point values, correct answers
  • Import questions from a third-party system into Google Forms like SurveyMonkey

Before you go...

If you are a developer looking to create flexible and powerful integrations using other SaaS platforms or tools, check out Fusebit and follow us on Twitter!


ArrowPrevious
NextArrow

Most Recent

19 May 2022
How to Use the Gmail API in Node.js - A Step-by-Step Tutorial

Follow this guide to setting up and using Gmail API in Node.js to read, drafts, and send emails.

19 May 2022
Create Your First Node.js GitHub Action, a How-To Guide

In this post, you'll learn what GitHub Actions are and how to create your first GitHub Action for your Node.js application.

17 May 2022
New Express 5 Features to Try

Express.js 5 is currently in Beta. In this article, we will cover the new Express.js 5 features and why Node.js developers should try them out.