I am trying to integrate facebook login in my application and the development is on localhost...
problem is I get the login button sometimes when I open the site.
Most of the cases, I have to refresh the page again and again and still it does not appear.
Well the internet is up and running..
It works fine whenever the login button appears...
Related
I have a sveltekit webapp using pocketbase that stores the authentication in cookies. If I use the browser on android normally, opening page and going to the vercel deployed page the authentication cookie works normally. If i close browser, clear tabs and everything if i come back it still automatically logs in. So far so good.
However when I pin my application with "add to desktop" the cookies disappear and I need to login again every time I open the application through the desktop shortcut ?
What am I missing? How can I better debug this issue?
I have an app developed in Ionic V4 which uses the deep link plugin, and a landing page developed with HTML and Javascript.
the landing page uses location.href = "com.orgName.appName://" to open the app.
The flow is:
a customer receives a link via SMS and when he clicks it he is redirected to a Landing page.
The landing page checks the operation system (Android or IOS) and then checks if the app is installed on the phone. If it is, it opens it and if not it takes the customer to the App Store/Google Play.
This used to work up until not long ago. now, it says "Redirect Blocked".
I read some articles and found out Chrome blocks the redirect on page load, so you need to create a button for the user to click, and then it works.
Our customer insists that the app/store will open without the user interaction.
I found an app which does that successfully, but I can't inspect to see how they did it because the logic is done on their server.
I've tried:
using location.href on page load or on load events
wrap the redirection in a SetTimeout
use window.open which works for the most part, but not on all devices + requires the user to allow popping windows.
using document.getElementById on a button, and invoking the click() function
This is probably one of the strangest and most frustrating issues I've come across. We have a website https://scampanddude.com/ that is an online shop using, WordPress and WooCommerce.
A lot of their marketing is done via their Instagram page https://www.instagram.com/scampanddude/. When the website is opened from the Instagram app it opens in Instagram's in-app browser. Everything seems to work fine until you get to the checkout. The payment options section is greyed out and the card fields are squashed. If you open the same page on desktop browsers or mobile browsers this section is fine and works as it is supposed to.
I have tried moving this to staging and disabling all of the plugins except WooCommerce and also with the Twentynineteen and Storefront themes and the issue occurs with all of these configurations.
I know that other WordPress and WooCommerce website don't experience this issue so I am at a bit of a loss trying to find out what is causing it.
You should reach out to your hosting provider asking if "bots redirecting" feature is activated for your site. This has been a confirmed cause of WooCommerce checkout page stuck loading its contents on several sites I reviewed.
The actual problem is that ajax call to /?wc-ajax=update_order_review on checkout, instead of reaching and being processed by WooCommerce backend, is redirected to the site homepage by the server with "bots redirecting" turned on.
Disabling "bots redirecting" should result in the issue being resolved. Here are instructions on how to do it on WP Engine hosting.
I'm working on a website that is focused on mobile users and uses a manifest to be opened standalone when added to the home screen. This works well, except for the Facebook login function. Whenever I try to login it opens the Facebook link in the browser outside the app. I then have to manually return to the app and reload the page to be logged on.
How can I stay inside the standalone app when logging in?
I tried using window.location as explained in this popular answer but no change. I also tried using window.open as explained here but again, no luck.
You can try it on this test page that has an adjusted manifest and login option to stay inside the test page. I used a Samsung Galaxy S5 for testing.
You should not stay inside your app while logging.
Redirecting the user to the Identity provider (Facebook) in your case it is the normal life-cycle of an Oauth2 login or Single Sign On login. On the OAuth2 server you can set the redirect url which is the address you want the user to be send after login.
https://developers.facebook.com/docs/facebook-login/web#redirecturl
Login to your facebook app account: https://developers.facebook.com/apps and change the redirect url from your app control panel.
When posting a link to our web site to someones Facebook wall, the ink file picker stops working when the person uses the Facebook IOS application.
The file picker comes up and works normally, but as soon as you try to submit the image, the error in the attached screenshot appears below appears.
The text is cut off but it is something like "...results to application. Communication iframe...".
All works fine in the android FB application which clearly opens links in an external browser. But with the FB IOS, our web site seems to render inside the FB app through some sort of deep linking magic. It seems clear that this is some sort of cross domain issue that has been recently introduced by changes at FB.
Has anyone come across this? Any workarounds?
This question may be related to this one here:
Opening Up Facebook app outside Facebook
Full message is "Cannot send results to the application. Communication iframe not found.. Please close this window and try again." (should be responsive)
Filepicker isn't able to communicate when it is run inside FB IOS app. A solution might be to force it to display filepicker in the browser.