URL Blocked: This redirect failed because the redirect URI is not whitelisted in the app’s Client OAuth Settings. Make sure Client and Web OAuth Login are on and add all your app domains as Valid OAuth Redirect URIs.
I've installed the laravel/socialite and I'm trying to link my application with facebook ! after installing the package ,creating my facebook application , I try to acces to the login page with facebook on my application but it keeps telling me that ther's some kind of URL errors ... ??? any ideas.?
I faced this issue as well. What I did:
When you get this message, copy the URL from the browser window, and inspect it. The URL has the redirect URL mentioned within it. Copy the exact redirect URL as mentioned, and put it under Valid OAuth Redirect URLs, it will solve the problem.
It's redirect URL problem. Facebook automatically generates a redirect URL which is http://...[your domain]..../signin-facebook. You need to add this URL to Client OAuth Settings along with your own redirect_URL like below:
Hope it helps
I've just had the issue (Nov 2017), after years of it working (but did I change something inadvertently?).
The fix was to add the callback url in the "Facebook Login" "Products" (in the left menu, in the Facebook admin console, NOT in the "Advanced settings" where I've tried everything:
https://developers.facebook.com/apps/{{your FB app id}}/fb-login/settings/
Note that you need to put the port number if you have one, e.g. in my case http://local.dishly.menu:3000/
I had an issue with this, specifically with heroku.
My test site was not https. It was http. And by default, facebook likes to prepend a url with https if you don't manually type it in when typing in the url.
So, I added two urls. one with http, and one with https. works fine now \o/
I had this issue because I was using Ajax to login and signup for my site, so I added this redirect url
https://yoursite.com/wp-admin/admin-ajax.php?action=gears_fb_connect&callback=true
and it worked perfectly any user can sign in with his facebook account.
I'll post it here just in case it's useful to someone in the future because I got in this question looking for answer...
In my case I got this error while trying to integrate Facebook as an Identity provider in conjunction with Azure AD B2C custom policies.
Microsoft docs mentions a given URL in this format:
https://your-tenant-name.b2clogin.com/your-tenant-name.onmicrosoft.com/oauth2/authresp
however when clicking the Facebook login button it was redirecting with the tenant Id instead of the Tenant Name like this:
https://your-tenant-name.b2clogin.com/TENANTIDHERE/oauth2/authresp
This was causing the URL to be blocked by Facebook.
I discovered this by reading this answer right here.
If you need to decode the URL that it's redirecting to, you can use this:
https://www.urldecoder.org/
There is only one valid answer to this question, go and analyse url that shows the URL not accepted facebook page. The url that you need to put into "Valid OAuth redirect URIs" is available there.
In my case it was :
https:// facebook /v3.2/dialog/oauth?client_id=4423058&redirect_uri=https://{The Web Site Name} /complete/facebook/&state=VnZlfU3hp&return_scopes=true&scope=email
The answer in my case :
https://{The Web Site Name}/complete/facebook/
I was having this same issue, but my error was that I was not properly encoding the return uri in the Facebook oauth query string.
So, if your return uri is something like this
https://www.example.com/social-signin?provider=facebook
Don't forget to (URL) encode it like this:
https%3A%2F%2Fwww.example.com%2Fsocial-signin%3Fprovider%3Dfacebook
The final Facebook oauth uri should look like this:
https://www.facebook.com/v4.0/dialog/oauth?client_id=YOUR_CLIENT_ID&scope=email&auth_type=rerequest&response_type=token&display=popup&redirect_uri=https%3A%2F%2Fwww.example.com%2Fsocial-signin%3Fprovider%3Dfacebook
In my case, having an issue with the HTTPS protocol. Must use your domain or localhost server with
HTTPS Protocol,
Old localhost url: http://127.0.0.1:8000/
New localhost url: https://127.0.0.1:8000/
Put URLs in Valid OAuth Redirect URIs in Facebook Login Settings,
https://127.0.0.1:8000/social-auth/login/facebook/
https://127.0.0.1:8000/social-auth/complete/facebook/
You know when you create a tab application you have Page Tab section with Page Tab URL: and Secure Page Tab URL:. In my app i want to use FB.init for Fb.login but if I call FB.init i get this error.
Given URL is not allowed by the Application configuration.: One or more of the given URLs is not allowed by the App's settings. It must match the Website URL or Canvas URL, or the domain must be a subdomain of one of the App's domains.
And this is because I dont complete the App on Facebook section from the App configuration, the idea is that i don`t want to complete. What is the alternative?
It might sound counterintuitive, but in your app settings (right near where you set up your Page Tab URLs) you need to open the Website with Facebook Login section and fill in a Site URL. A typical example would be http://mydomain.gov:8080/, but you can include a longer path than / if you want. Also, if you haven't already filled in App Domains, add a domain there to match the Site URL. In my example, it would be mydomain.gov.
The pages that you use the JS SDK on, as well as your redirect_uri in any dialog URLs, needs to begin with the Site URL that you configure.
I want to use an external service in my PhoneGap app for iPhone.
The service take a success url to redirect user to the original page when the process has been completed.
What url should I pass to the service to get back to my PhoneGap app?
I have tried with file://www/index.html, but I get permission error.
You can't use absolute urls reliably in PhoneGap html pages. On android you have
file:///android_asset/www/index.html
but on iOS your url is something like
file:////var/mobile/Applications/[uuid]/[app name].app/www/index.html
You don't know that url in advance, so to get an absolute link to index.html you will need to get that url from document.location and either set it as the base url or save it for use in links.
In case when user do not have enabled "use https connection when it is possible" (in https://www.facebook.com/settings?tab=security) my app is not loading. How to fix that?
print screen with settings:
You need to set the Page Tab URL and Canvas URL to a HTTP URL, and the Secure Page Tab URL and Secure Canvas URL to a HTTPS URL.
You can't use HTTP or HTTPS for both, and if you omit any of them, users with that protocol won't be able to access your app
I am trying to set app_data to a specific tab page. So a facebook user who clicks the page tab will have the app_data available.
I was trying to add app_data to the pagetab dialog url
I tried the following urls:
www.facebook.com/dialog/pagetab?app_id=290672084311996&redirect_uri=https://apps.facebook.com/artware/?app_data=aa
www.facebook.com/dialog/pagetab?app_id=290672084311996&next=https://apps.facebook.com/artware/?app_data=a
www.facebook.com/dialog/pagetab?app_id=290672084311996&next=https://jbartfb.herokuapp.com/?app_data=a
www.facebook.com/dialog/pagetab?app_id=290672084311996&redirect_uri=https://jbartfb.herokuapp.com/?app_data=a
none of them worked for me.
thanks,
shai
You redirect URIs may not contain query params. However: When you redirect to a canvas app (look like you do) you can always use rewrite rules to pass params. For example:
https://apps.facebook.com/artware/landing/install/param1/param2
Everything after your base URL (https://apps.facebook.com/artware/) is just appended to the url of your canvas app. So if your canvas URL is https://mydomain.com/myapp/ the previously mentioned landing URL would load https://mydomain.com/myapp/landing/install/param1/param2 inside the IFrame. From there you can redirect the user to whatever URL you like, query params and all.