Google OAuth & Photos API Tutorial - Part Two: Google Login

This is part two of how to get Google photos into Wappler via the API. I don’t have much time so am going to show the basics and hope you can work it out from there.

1. Create a new Server Action. I called mine api_google_login
2. Create a step adding Google as an OAuth2 Provider
3. Add your client id and secret in the relavent fields
   
   

   image953×1442 80.1 KB
4. Add an OAuth2 Authorize
5. Select Google as the Provider
6. Add the Scopes you want to use.
   I’ve added:

• https://www.googleapis.com/auth/photoslibrary
• https://www.googleapis.com/auth/photoslibrary.readonly
• https://www.googleapis.com/auth/userinfo.profile
  You can read more about scopes here - https://developers.google.com/photos/library/guides/authorization

7. Add a button or link on your page which links directly to the server action you just created. Mine is like this - Google Login
8. Your users will be shown a Google Login for your site like this…
   
   

   image1138×1236 52.1 KB

I haven’t done anything with showing a logout button if the user is already logged in.

Next Up - Getting User Data