Can't add google login/signup in a web app built on IDX

General
1

Hi,

I tried adding google authentication using Firebase to my web app (going full power with Google’s infrastructure) but no method worked - both redirection or pop up.
I thought it was maybe because the preview url wasn’t authorized to perform this authentication but also after i added the URL to the allowed URL for authentication on firebase - it didn’t work.

Do you maybe have a way to overcome this problem? i want to allow authentication using Google and other options but i can’t test it in dev mode on IDX.

Thanks in advance!

2

What error do you see in the Chrome DevTools Console when you try this out?

3

I have the same issue. I use GitHub OAuth in a popup. When I click the login button in web view, I get an error:

Blocked opening 'url' in a new window because the request was made in a sandboxed frame whose 'allow-popups' permission is not set.

If I try to open the app in a new tab, it opens the OAuth popup but does not redirect me back to the app.

4

That is because of the redirect url being different.

IDX web preview has a couple different ports for serving the website.

To test you can use the public ports and use the signed https url as the redirect url for google sign in (but it will only work for less than an hour).