What should be the Site URL in facebook app settings to work from localhost?

[xpanta]

I am trying to work with the example page (/facebook/example/) from localhost and I always get "Given URL is not permitted 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."

In my Site URL (Facebook app settings) I have this: http://127.0.0.1:8000/facebook/example/

Is it possible to work from locahost? How?

[xpanta]

I found the solution. Since I can't delete my question I will post what I found out in case someone else have the same issue.

In the facebook app settings (on Facebook) I went to the Advanced section and looked under Security, for the field "Valid OAuth redirect URIs" - this is where I entered "http://localhost:8000/facebook/example/" and it worked

[karcsi]

Thanks, that helped me a lot. A played around for houres before I found your site. But had to insert the "Canvasseite" (Canvas-site? in english?). My inserted url is https://apps.facebook.com/lokalertester, not the Canvas-URL http://localhost:81/

[roman02]

xpanta, I don't understand how Facebook would be able to redirect to your local server when it's being described as localhost. It's not available on the Internet!

[RafikSM]

The redirection is made by the browser not by the server. The server just send a somthing like a redirection header to the browser, and then the browser make the redirection. It is why with localhost this will work

[lucachaco]

Thanks, It worked @xpanta

[jijunjun1112]

Thanks very much. It really helps a lot.

[kupecraig]

Thanks pal. This helped.

[pr4th4m]

@xpanta Thanks buddy, this was helpful.

[billwjo]

I tired exactly this but still getting the same "Given URL is not allowed by the Application configuration..." error. I entered "http://localhost:8000/facebook/example" into the facebook settings URL and again into the Valid Oauth Redirect URIs. Was there any settings.py or other facebook setting changes that you made?

[123b0]

Hello, can someone please help me. I am trying to create a facebook app that runs on my localhost. For my app domain I have localhost. For my Canvas Url and secure Url I have http://localhost:8000/ and also for site URL.

In my php code I have my canvas page url.

When I access the app via the localhost url, I get the pop up for the permissions i requested but after that I am directed to a broken page on the facebook canvas page. I have done research, I know it is tricky to use localhost due to the ssl problem with facebook..... However I am really confused. I am a novice, can someone please help me out and explain my problem? Thanks.

[dktistakis]

thanks man. after a lot of search your answer did it!

[guri-dev]

It works
leave app domain empty
website url empty
go to app->settings->advance settings
here is a field
Valid OAuth redirect URIs

fill it
http://localhost:8080/fb_login_local/

and its done :)

[123b0]

Does anyone have any idea about the cURL and ssl errors when using localhost/xampp and creating my own self signed certificate?

[guri-dev]

@123b0 what error you r facing please paste here

[123b0]

@gaganphp I've solved the problem now. Thanks anyway. I made a stupid mistake and didn't put the full path for the image to be uploaded.

[rrohitramsen]

I am not able to redirect back to localhost. My app is stuck at facebook canvas page "https://apps.facebook.com/springyellow/?code=......." not able to redirect back to localhost. I tried all .

[Tig10]

@ gaganphp, It appears the Website URL field is a 'required' field. It cannot be empty. I am still having this issue persisting even though I have set my localhost url on Valid OAuth redirect URIs.

Ok I resolved this: If anybody else is having some issues, 1. a localhost url will work and 2. you must also set your $redirect_uri variable in your app code to a localhost url.

[rmercer33]

Hey xpanta, coming to you from 2016, your solution worked for me!!! Many thanks.

[dpasie2]

Thank you @xpanta ! Cured my headache!

[shtaabhishek]

thank you @xpanta and @gaganphp for the soln

[jobinthepast]

It doesn't seem to have Valid OAuth redirect URIs in the Settings > Advanced tab anymore as of May 2016. Or am I missing something? Thanks!

[mbaggio]

They changed the layout.
OAuth section is now placed here:

[chis]

Add product -> Facebook Login.
Goto product settings.
Enter 'http://localhost:5000' [with your correct port] under 'Valid OAuth redirect URIs'
This worked for me.

[ghost]

thank's man

[parthiban26]

i am also having same problem, whenever i tried to login via facebook i will get below error
error:
given url is not allowed by the application configuration one or more of the given url is not allowed by bthe app settings to use this url you must add a valid native platform in your app settings

so, please give any suggestions.

[parthiban26]

i need to finish this task ASAP, So please give solution..

[parthiban26]

i am using ionic app, with development stage..

[jsvaughan]

parthiban26 - does this help?: http://stackoverflow.com/questions/31883079/ios-facebook-login-given-url-is-not-allowed-by-the-application-configuration

[zumzar96]

I'm trying to allow users to login with facebook to my website but I am getting the following error:
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 configured my Facebook app like this:
1.Made it Public
2.Website
site URL: http://localhost:8000/ (since I'm running locally)
3. App Domains:Empty
4.Client OAuth Login -ON
Web OAuth Login -ON
5.Valid OAuth redirect URIs: http://localhost:8000/

[panamantis]

Add a custom domain url in your hosts file (if on windows) to mast the localhost or 127.0.0.1

[purnimakumari748]

I applied the above solution but it still not working for me .. it showing error --

"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"
my fb configrations :-
1-Valid OAuth redirect URIs: http://localhost:8000/demo/index/
2- App Domains:Empty
3-Client OAuth Login -O
4-Web OAuth Login -ON
5-Website
site URL: empty
Please suggest solution

[Tig10]

Try this:
App Domians: http://localhost/
Site URL: http://localhost/
Then in the Facebook Login Product settings;
Valid OAuth redirect URIs:
http://localhost/ http://localhost/demo http://localhost/demo/index

This should work if not then add your port to every http://localhost:80 part of these entries. Let me know how it goes.

[mkgdev]

I am getting localhost refused to connect in chrome while using passport-facebook . Can anyone help me!

[purnimakumari748]

still showing same error and in domain i am puting http://localhost, its automatically taking localhost only .

…

On Wed, Jul 26, 2017 at 8:48 PM, Mukesh Gupta ***@***.***> wrote: I am getting localhost refused to connect in chrome while using passport-facebook . Can anyone help me! — You are receiving this because you commented. Reply to this email directly, view it on GitHub <#376 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/Aasfrt3Nxmn-E9SicqwUNe_nXo4xIUK1ks5sR1jIgaJpZM4BF0mu> .

[faiaz000]

Still not working

[alboteanud]

not working. I think, generating your own SSL certificate for testing is a better solution https://stackoverflow.com/questions/8169999/how-can-i-create-a-self-signed-cert-for-localhost

[himanshutyagi623]

Hello
my website is www.xyz.com and what will be my valid oauth redirect url
i entered www.xyz.com/my-account/facebook/int_callback but its working all the process but not login to my fb account
Please help soon

[vaibhav011286]

Hello,
I setup wamp with virtual host like https://abc, so how can I make this url work for fb login? plz help

[saurabhp75]

The solution is not working for me. Is there any change in facebook implementation. I am using flask dance and my oauth url is https://localhost:5000/login/facebook/authorize

[kenmorechalfant]

Facebook no longer allows you to add URIs that are not HTTPS, so I can't add localhost.

When I try to log into my app during development I now get an error "This IP can't make requests for that application."

Any current solutions?

[hugoscavino]

You can create a local cert using https for localhost.

[xxRockOnxx]

There's something called "Test App" now. It's hidden so it isn't obvious that you have to create one.
Found the answer here: https://stackoverflow.com/a/57607570/10975709