I am loging in to facebook page while I am using react-facebook-login in react - reactjs

after integrating facebook login button in react app when I am clicking on it. A login form is opening in new tab after logging in the same page is redirected to facebook welcome page. Why this facebook welcome page is opening? I am using latest react version 18 although the given library supports 16 or below. Please suggest any solution to this. Similarly I am facing the problem with react-google-login library where I am getting getting popup closed as error. Although I have tried clearing cache and cookies but got no result.

for login with google, old sign in with google library is being deprecated https://developers.googleblog.com/2021/08/gsi-jsweb-deprecation.html in favor of the new Google Service Identity SDK,
You can use #react-oauth/google it uses the new SDK

Related

Opening new default browser window in plain React on a Mobile while using Facebook browser

Folks,
We are in a unique situation here. Our React site integrates with Signicat for identity solution. Most of our user base comes from Facebook i.e. they use the Facebook app, look at our posts and click on links we post which redirect to certain sections in our website which require identification.
So an example link posted on Facebook group https://example.com/en/startpage-in-english/ is converted into https://l.facebook.com/l.php?u=https%3A%2F%2Fexample.com%2Fen%2Fstartpage-in-english%2F%3Ffbclid%3DIwAR3loYqYOvom5k8_mOww89p5tun5H9HqIIKE1ebwwCcB3PD4jzxpTVyZGCk&h=AT1E3p1ejYWH9l2KhUo8D_RVjl_EzKBat4woeMHgRv7yXpT9Y-EZoBcK26sQtjjBBwAQt7Pt83a-i_k5JCGuvOBWfgB9pZ7Uv8LnDlyphNKc1Og0nl6QIqWd_nFEAva3OWN-PZ3byqsU7K0I5A&__tn__=-UK-R&c[0]=AT0-5n51iPMlSYghORXW8qxYXJQEejQTAhfiDQ3P3DK_ZTZM3GWbN4zXYKf-nyD_hWJdxQccenDp-5VgphfWuD6ZQ0ikeXq4lv4bjLbSJVFP9k4IxeMBT5mDa9jNdYnYlNs-DkXOM-LiPhhl-Obra9CAbtvihe-G7-8. When users click on the link, Facebook by default opens the link in its own Facebook browser. The subsequent steps in our portal need the user to identify himself and when the identification is completed and in the final step the request to Signicat hangs forever.
We identified that this issue is only happening with Facebook browser and hence one of the workarounds was to Open the default browser with the link to our website.
Note that:
a. this is not a React-Native app, our website is built using plain React hence the WebView solution does not work.
b. Facebook browser suppresses "window.open" with "newwindow" call and simply displays the site in the same Facebook browser instance.
So bottom line is, we need a way to Open the default OS Browser from Facebook App/Browser with the link to our site. Hope somebody can help!
Thanks in advance...
SG

Field Service Lightning Mobile Visualforce Login

I am trying to login into a salesforce community that is set up to use a VF page login page from the field service lightning mobile app. The view comes as a webpage instead of an FSL app view.
Also, when the login is set to standard community login, when I login into the FSL mobile app, I see the normal FSL app view.
Note: I am able to log in properly from the web.
The ask is to get the mobile view when logging in to the FSL app even when the default login is set as the Visual force page. Can someone help here if I am missing something?
This a known limitation for Salesforce Field Service Lightning Mobile App.Visualforce pages aren’t supported in the app.
Please find link : https://help.salesforce.com/articleView?id=mfs_limits.htm&type=5
May be this can be an idea for future releases.

React native: what is the difference between opening an external URL in-app and launching the native browser

I am using React native to develop a mobile application, and an external module's function I use to provide the user login flow via an identity provider, opens the link to the sign-in flow in-app, like shown in the header below.
The sign out functionality offered by this module is documented to be obsolete, so I am implementing my own routing to the identity provider using Linking from the react-native node module, except this actually opens my native web browser rather than showing the page in-app (and subsequently fails to redirect back to my app).
My question is, what is the technical difference between an app opening a link in-app like shown above, and the app simply launching the native browser, such as chrome? And would this affect functionality like redirecting back to the initial application once the user process has been fulfilled (my guess is that it should not affect it).
I believe that the difference is that the in-app browser on IOS is an instance of
sfsafariviewcontroller and on Android, is an instance of Chrome Custom Tabs.

how to setup firebase javascript simple login with cordova

I have problem when using angular firebase javascript simple login with cordova.
Below is testing under cordova emulate android
user click on google login button
redirect to google login page
after submitted login form. the page stuck with loading.... please wait
and this error messsage in console not allowed to load local resouces
I got no problem when using desktop browser or mobile browser. It is just mobile app.
Anyone know what error is that?
Tools i use
angularjs
angularfire
firebase
iconic framework
There are some specific configuration issues (and a couple of bugs that needed to be worked out) but this should work well now. Firebase has a blog post explaining how to get this working "Using Firebase Simple Login with Ionic and PhoneGap".

Sharing text with twitter

I am using sharekit SDK for twitter and facebook sharing. It seemed to be working fine, so we delivered the product. Now, we found a problem like There was a problem to accessing Twitter while the Facebook sharing works fine.
I have searched and found this link
and
Twitter Integration issue using sharekit in ios?
I set the callback to my app's website. Now I am redirecting to the website after login to the twitter through app. I don't know how to pass an oauth_callback value to oauth/request_token.
Does anyone know how to solve this issue?
https://github.com/ShareKit/ShareKit/pull/692/files Try this link.I hope it will help you

Resources