I want to allow the users to display their Google Calendar on a page inside an app instead of going to a web browser to see the calendar. All posts on the web only allows the owner of the calendar to publish a calendar in Google Calendar and embed it in an iframe. We can’t ask users to do that. 
Any suggestion?
Use the google calendar API.
Just create a google cloud project and set up the OAuth credentials and use the Bubble API connector.
Yeah, like what @senecadatabase mentioned, I highly suggest you use the Google calendar API. It’s more flexible than using plugins or an iframe.
Quick heads up: Google’s verification process can be quite stringent. Make sure to only use the narrowest scopes. Here’s a link to their requirements Verification requirements - Google Cloud Platform Console Help
-
Do I set up the OAuth credentials for the app first and then each user in the app can click a button on the app to authenticate with their Google account via Google API?
-
Do I need to do my own UI? I don’t think the Google API provides the calendar UI. It will just return the events for specific time frame. I will still need either a calendar UI plugin or create the UI myself in Bubble (not an option) to display the result in a calender UI. There are existing calendar UI JS library that can dislay the UI. I haven’t found any calendar plugins that can take the result from Google Calendar API and display the result.
1 Like
Yeah, you’ll have a button (should follow google’s branding) that would redirect them to the oauth page of google where it would show the scopes that your app wants access to. Your users would then be redirected to one of your URIs where you would save the access token, refresh token, etc.
Yeah, they don’t. You could some plugins if you don’t want to build the UI yourself. There are a couple of awesome calendar plugins out there. For starters, you could use Bubble’s calendar plugin.
If you want to add more functionality, I highly suggest @gf_wolfer’s calendar plugin.
3 Likes
Plugins were mentioned…
myself, I’m not familiar with these plugins so I don’t know if there’s one that will let you pull info from a user’s google calendar.
If there isn’t, you can use full calendar and use it in your bubble app:
It would take a little bit of code. I’m not sure how experienced you are with code, but it wouldn’t be that difficult at all to do.
Using the google calendar api, this would pull info from your user’s google calendar and populate the calendar you set up with their info. You can design the calendar the way you want with full calendar.
2 Likes