Calendar from Google

Demo to preview the settings

Video Guide

Note: Check the Bubble.io for Begginners Course, dedicated to the setup of the Calendar from Google plugin here.

Introduction

This plugin lets authorized users access the details of their Calendar events, create new events or delete events.
Prerequisites For using the plugin you'll need to get the API credentials as API Key and API Secret. Create your development account at https://console.developers.google.com and enable the Google Calendar API.
Also working with Access Token requires the use of Google's Playground - https://developers.google.com/oauthplayground/

Setting up

I. Setup Google Developers Console

  1. Sign in to Google Console: https://console.developers.google.com
  1. Create a new project
Image without caption
3. Give it a name and indicate Organization (if exists)
Image without caption
3. Go to Library and add enable Calendar API
Image without caption
Image without caption
4. Before generating Keys - configure the Consent Screen
Image without caption
​Here is an example of how the Convent Screen can be configured:
  • choosе user type:
Image without caption
  • add App information:
Image without caption
  • add app domain and developer contact info:
Image without caption
5. Create OAuth Client ID credentials​
Image without caption
In the Application type field choose "Web application", and don't forget to indicate Authorized redirect URIs (it should be the standard generic redirect https://zeroqode-demo-22.bubbleapps.io/api/1.1/oauth_redirect):
Image without caption
6. Publish your app in the OAuth Consent screen section, to make it work:​
Image without caption
7. Paste keys into your app, to the proper fields: In the “OAuth 2.0 Client IDs” list click on your created OAuth ID’s name. Add your redirect URls in the same fields.
Image without caption
Image without caption
Remember to save your changes to the console.​

Plugin Data / Actions Calls

Action Calls

Google Calendar - Delete Calendar Event: Deletes an event. Google Calendar - Create a Calendar Event: Creates an event.

Data Calls

Google Calendar - Retrieve List of Calendars: Returns the calendars on the user's calendar list. Google Calendar - Retrieve Calendar Details: Returns specified calendar details. Google Calendar - Retrieve Calendar Events: Returns events on the specified calendar. Google Calendar - Get Event Details: Returns an event from a specified calendar.

Helpful?