I have an app with flutter using facebook auth, when I click facebook login chrome app display with facebook page to login, but the page is not clear like this paic, when I try to use it the emulator not response:
Any one have an Idea tosolve this, I have chnged High Dpi settings and nothing change.
Related
The situation:
1) I created a post in Facebook to this page: http://calendar.dondley.com/official-westfieldma-facebook-pages/
2) The page contains a list of links back to Facebook pages, formatted like this: https://www.facebook.com/1519027881736551
The problem:
1) A user taps on the link to the webpage using the Facebook app on their iPhone
2) The Facebook app opens the web page in the Facebook browser.
3) User taps on one of the links that takes them back to Facebook.
4) User sees this:
Additional info:
1) No problem on my Android Nexus 4 simulator and others have reported that it works OK on their Android. The problem only appears to happen with iPhone.
Any workaround or fix?
The fix is to not use https://www.facebook.com/{page_id} but https://www.facebook.com/{page_link}
So instead of https://www.facebook.com/1234878723423 use https://www.facebook.com/WhateverLinkToPageIsHere
I am facing an issue when calling my Facebook App after scanning QR - Code.
Problem: When I scan my QR - Code its open correct Facebook App URL but asking for login twice one is normal Desktop browser view & second time in Facebook Mobile view & when I insert login details second time it navigate me on Facebook Mobile version home page not on my app page.
Please have look below url,it will help you
Url:https://developers.facebook.com/docs/android/login-with-facebook/
I've currently setup a custom tab app on my fanpage - visiting this is working perfectly fine from my browser.
However when visiting the same url from my mobile, I just get some red text on Facebook saying "The page was not found".
I've defined the following (noteworthy) settings for the app:
Namespace (which gives me a canvas page)
Canvas url
Secure canvas url
Page tab url
Secure page tab url
I then also tried to fill out the "Mobile site url" with the same url as the canvas url - thinking this was the missing brick? But atleast not difference.
Any ideas?
because in your mobile browser it will redirect to the m.facebook.com and this functionality is not available for the app users.
You can't achieve this functionality exactly but you can work around Facebooks limitations by providing a canvas app url, and using that to redirect mobile users to a mobile version of your app, and desktop users to the page tab version of your app.
Detailed instructions here:
https://stackoverflow.com/a/15860533/121285
I have a mobile web site built using jQuery Mobile. I often run it in full screen/mobile web app mode on my iPhone (I have added the web app to my iPhone home screen).
On one of the pages, the user is required to log in to Facebook using the Facebook Connect JavaScript API. If the user is not already logged in, this is done by clicking a login button. The event handler for this button looks like this:
("#fbLogin").click(function () {
FB.login(handleStatusChange(response),
{ scope: "publish_stream",
connect_display: "touch" });
});
In the above code I have inserted some line breaks for better readability, but the values are like in the example. The callback function (handleStatusChange) takes care of the response from the login request.
When I click this, the Facebook login page is opened in my web app window. If I haven't already accepted the Facebook App, I have to give it permissions as well. All this seems to work fine. But after I have given permissions/logged in I'm left hanging on a totally blank screen.
I have also tried another approach to logging in, by putting this inside the login button event handler:
window.location = "https://www.facebook.com/login.php
?api_key=MY_API_KEY
&cancel_url=http%3A%2F%2Fwww.mywebsiteurl.com%3A8081
&fbconnect=1
&next=http%3A%2F%2Fwww.mywebsiteurl.com%3A8081
&return_session=1
&session_version=3
&v=1.0
&req_perms=publish_stream
&connect_display=touch";
Again, line breaks have been inserted for better readability. When used it's just one long string.
The URL used in the cancel_url and next parameters is the one I have registered with the Facebook Application. If I try using a different URL (like http://www.google.com) I get an error so the this seems to be correct. As you can see I use a different port on my development server (port 8081). Could this be a problem?
The result is similar to the previous example. I get the login/permissions pages but I'm left with a blank screen after everything is done. I tried this after reading this post on the old Facebook Developer forum.
If I, on the other hand, try running this in Safari (not as a full page iPhone web app) the login works great.
Is there anything else I can try? Does anyone have a JavaScript API Facebook Connect login working while running in full screen/web app mode on an iPhone?
Thanks in advance!
Not sure if this helps you, but I found that adding the iOS Safari link fix, also allowed Facebook login to work in my fullscreen web app without opening up the page i "regular" Safari:
// Make links work in iOS fullscreen web app
function disableSafariLinks() {
$("a").click(function (event) {
event.preventDefault();
window.location = $(this).attr("href");
});
}
See also iPhone Safari Web App opens links in new window
My Facebook App , on my Canvas loads properly. Both http and https AKA SSL. I then added the app to my Page as a tab. But when I click on the tab, All I get is a Facebook Logo Picture, when I follow the link i.e. Click on the Facebook logo link it brings me to https://www.facebook.com/common/invalid_request.php
I though it might be that the Canvas width size is like 720px, and I lowered my sites width to 520px, the size of pages.
A person in Augest had the same question:
Facebook Application Error In Page
I programmed a Facebook app, and i need to put in a Facebook page.
The application works great outside the Facebook page (standalone).
But when I try to access the application through the page's tab, Facebook's Logo (which linked to http://www.facebook.com/common/invalid_request.php#) appears instead of the app.
What could be the reason to this problem?
A Facebook app can have a different page tab URL configured which should be loaded when the App is loaded on a Page tab - is this set for your app? If so, it may not be set to the URL you were expecting (i.e it's not the same URL as your normal canvas app)
Also, when a page is loaded on a tab, a POST request is sent to your server with a signed_request callback, so your server or code may be expecting only a GET request.
Check these docs for more info:
https://developers.facebook.com/docs/appsonfacebook/pagetabs/ - note that the screenshots on this are currently out of date, i'll see if we can get them updated this week
https://developers.facebook.com/docs/authentication/signed_request/ shows the method to decode the info which is passed to your app on a page-tab load