​
Setup Guide

You can find your Google app credentials by visiting your Google Cloud Console dashboard.

You’ll need the following information to set up your Google App with Paragon Connect:

  • Client ID

  • Client Secret

  • Scopes Requested

Note: You’ll need to create a new project in Google Cloud Console if you don’t already have one.

​
Add the Redirect URL to your Google app

Paragon provides a redirect URL to send information to your Google app. To add the redirect URL to your Google app:

  1. Copy the link under “Redirect URL” in your integration settings in Paragon. The Redirect URL is:
https://passport.useparagon.com/oauth

  1. In your Google Cloud Console dashboard, navigate to APIs & Services > Credentials in the sidebar.

  2. Press ”+ Create Credentials”, then select OAuth client ID.

  3. Select “Web application” from the Application type drop-down menu.

Note: You’ll need to configure Google’s consent screen for access to Client ID and Client Secret if you haven’t already.

  1. Under Authorized redirect URIs, press the ”+ Add URI” button.

  2. Paste-in the redirect URL from Paragon.

  3. Press the blue “Create” button.

Google provides you with the Client ID and Client Secret needed for the next steps after adding the redirect URL to your project.

​
Enable Google Calendar API in Google Cloud Console Dashboard

  1. In your Google Cloud Console dashboard, navigate to APIs & Services > Library in the sidebar.

  2. Search for “Google Calendar API” from the API Library.

  3. Select the “Google Calendar API”.

  4. Press the blue “Enable” button to enable the API for your application.

​
Add your Google app to Paragon

  1. Select Google Calendar from the Integrations Catalog.

  2. Under Integrations > Connected Integrations > Google Calendar > Settings, fill out your credentials from the end of Step 1 in their respective sections:

  • Client ID: Found at the end of Step 1.

  • Client Secret: Found at the end of Step 1.

  • Permissions: Select the scopes you’ve requested for your application. For a list of recommended scopes, please view this integration within your Paragon dashboard. View dashboard. They should begin with calendar.

Press the blue “Connect” button to save your credentials.

Note: Leaving the Client ID and Client Secret blank will use Paragon development keys.

​
Connecting to Google Calendar

Once your users have connected their Google Calendar account, you can use the Paragon SDK to access the Google Calendar API on behalf of connected users.

See the Google Calendar REST API documentation for their full API reference.

Any Google Calendar API endpoints can be accessed with the Paragon SDK as shown in this example.

// You can find your project ID in the Overview tab of any Integration

// Authenticate the user
paragon.authenticate(<ProjectId>, <UserToken>);
            
// Get Calendar List
await paragon.request("googleCalendar", "/users/me/calendarList", { 
  method: "GET"
});
  
  
// Create Event
await paragon.request("googleCalendar", "/calendars/{calendarId}/events", { 
  method: “POST”,
  body: { 
    "start": { "dateTime" : new Date("2021-01-02").toISOString() },
    "end": { "dateTime" : new Date("2021-01-02").toISOString() },
  }
});

​
Building Google Calendar workflows

Once your Google Calendar account is connected, you can add steps to perform the following actions:

  • Create event

  • Update event

  • List events

  • Get event by ID

  • Delete event

When creating or updating events in Google Calendar, you can reference data from previous steps by typing {{ to invoke the variable menu.

​
Using Webhook Triggers

Webhook triggers can be used to run workflows based on events in your users’ Google Calendar. For example, you might want to trigger a workflow whenever events are created to sync your users’ Google Calendar events to your application in real-time.

You can find the full list of Webhook Triggers for Google Calendar below:

  • New Event

  • Event Updated

  • Event Cancelled

  • Event Started

  • Event Ended

​
Publishing your Google Calendar application

​
Setting up a Redirect Page in your app

Your Google Calendar integration requires a Redirect Page hosted in your application to support verification of your application by Google.

The Redirect Page should be implemented as follows:

  • Receives a GET request with a number of query parameters.

  • Redirect to https://passport.useparagon.com/oauth with the same query parameters.

paragon.connect("googlecalendar", {
  overrideRedirectUrl: "https://your-app.url/google-calendar-redirect"
});

​
Updating the allowed Redirect URL

If you were previously testing with https://passport.useparagon.com/oauth as your Google Calendar Redirect URL, you will need to update this value after implementing a Redirect Page:

  1. Log into your Google Cloud Console dashboard and select your application.

  2. Navigate to APIs & Services > Credentials and select the credentials you use with Paragon.

  3. Under Authorized redirect URIs, provide the URL of your Redirect Page.

Was this page helpful?