Reactjs Error 403: disallowed_useragent mobile webview - reactjs

I have created a react web app to authenticate with social media like google and facebook and twitter using firebase, I ran the app on a fortinet firewall to popup when anyone connect to wifi.
When I open the website from any browser I don't have any problem like chrome or safari but when connect to Wi-Fi it opens a popup web page automatically on mobile default web browser.
Then I try to make authentication with google and I had this error 403 disallowed useragent as you see the screenshot.
I need your advice if I can add any code or setting to my react web app to solve this error.
google auth error
react web app
I tried to know browser type if it is mobile web view or not but did not work or at least as far as I knew google does not support it as it declars, it appears that it does not comply with google's security policies

Related

Firebase Authentication problen when i use mobile browser to login using Facebook login

I've created a Facebook firebase login using firebase hooks. It's working on PC/Laptop chrome and other browsers. But when I try to use any mobile browser, like chrome, operamini, uc browser, the facebook authentication page automatically closed and rejects login. How do I fix these issues?
Maximum browser has an options that is "Pop-ups and redirects" if we block this options sometimes Facebook authentication Won't work properly

Google Sign In within embedded browsers (Messenger, Instagram) not working.. Googles webview policy?

I have a Nextjs web app with Firebase Auth. I only allow my users to login with Google.
All my traffic is coming from social media apps which have an embedded browser. So on launch day I learned that signing in only works directly from a browser like chrome or safari but not within a webview within an application. This is a nightmare.
I tried switching from signInWithPopUp() to signInWithRedirect(), but still same issue.
error 403: disallowed_useragent
This app doesn't comply with Googles webview policy.
Has anyone encountered this problem?

sharing session between Chrome plugin and web app keycloak

I am trying to create a web application and a chrome plugin. (chrome plugin is going to be a subset of my application). I am trying to give the SSO using Keycloak. The problem is, When i do the login in Webapplication and open the chrome plugin, chrome plugin again asks me to login.
I am using the following code in my plugin (both web application and Chrome plugin written in Angular js)
ref article i used for doing SSO in Plugin : https://medium.com/tech-buddy/oauth-2-0-single-sign-on-authentication-in-chrome-extension-8f3f3ffd89c7
Question i have is, Both my plugin and web app uses the same clientid for authentication,
Is it possible to do SSO between web app and chrome plugin ?
If a user login to the Webapp and click the Chrome plugin it should not again ask the user to login for accessing the plugin ? meaning if a user login to any one of the application and opens a other one it should not ask for the login.

how to authenticate user in chrome extension once authenticated on the server and the browser using google oauth2

I have a basic MERN app that uses google oauth2 passport strategy for authentication. I am making a google chrome extension to support my react app.
I want the google chrome extension to get authenticated as soon as the react app gets authenticated. Is there a way to do this ?. currently I am using react-chrome-redux to maintain the same state across tabs. How do I communicate to the chrome extension once the auth flow on my client side ends ?

Ionic login with facebook with application, not with safari or web browser from mobile app

I have an app login with facebook feature and it uses 'phonegap-facebook-plugin',
but everytime even the phone has facebook it opens browser to authenticate user to my mobile app. How can I solve this?
I use this syntax;
facebookConnectPlugin.login(['email', 'public_profile'], fbLoginSuccess, fbLoginError);
Any offers will welcome, thanks for helping.

Resources