Error '403 disallowed_useragent' logging to google via angularfire on a mobile browser

Question

I am developing a project with angularfire2 v4.0.0-rc.2 in angular4 and publishing it on firebase.

The logins with facebook and google are both working on the desktop browser and on a native android app.

When I try to login within chrome via mobile browser, I got the following error:

I've found many post about google blocking the access by webViews but none give a really answer about how to fix the problem without workarounds not specific to firebase.

The error occurs either using angularfire signIn with popup and redirect.

Any thoughts?

Answer 1

I am having a similar issue with Google Login (and Facebook Login actually).

Specifically, when someone shares a link within the Facebook Messenger Application (iOS AND Android) and the link is clicked using the in-app browser, I get the same 403 error.

The best workaround I have found for this is to detect the user agent (navigator.userAgent) and see whether it includes 'Messenger' in the string and then show a message to ask them to open in their normal browser.

It would be much better if there was a way for these in-app browsers that have this problem to either just work, or to have a way to open in a normal browser without the user needing to find that functionality.