Google Photos Integration Setup

Follow these steps to set up the Google Photos integration:

  1. Create a Google Cloud Console project
  2. Enable the Photos Library API
  3. Create OAuth credentials
  4. Add the credentials to the .env file
  5. Restart the application

OAuth Consent Screen Requirements

Ensure your OAuth consent screen is configured with the following:

  • Application type: Web application
  • Authorized JavaScript origins: http://localhost:3000
  • Authorized redirect URIs: http://localhost:3000
  • Scopes required: https://www.googleapis.com/auth/photoslibrary.readonly

Troubleshooting

If you encounter issues with the Google Photos integration, try the following:

  • Check the browser console for error messages
  • Verify your API key and client ID in the .env file
  • Ensure your Google Cloud project has the Photos Library API enabled
  • Try clearing your browser cookies and cache
  • Make sure your album is shared or publicly accessible

Browser Security Settings

Modern browsers have security mechanisms that may affect the functionality of this integration:

  • Third-party cookies: If disabled, authentication with Google may fail. Enable third-party cookies for this site.
  • Content Security Policy (CSP): The site uses a CSP that allows connections to Google domains. If you're running a modified version, ensure the CSP headers are preserved.
  • Browser extensions: Privacy-focused browser extensions might block Google scripts or cookies. Try disabling them if you encounter issues.
  • Incognito/Private mode: Authentication might not work properly in private browsing modes due to cookie restrictions.