Facebook domain name when using localhost

Question

From the tutorial here:
http://ankurm.com/blog/api/using-localhost-for-facebook-app-development/1091/

I tried setting up a local development area for my Facebook application. But when I put " http: // localhost: 85 / my_app / " as my domain name, Facebook says

Application domains: http: // localhost: 85 / app-name / "should not contain protocol information.

Also, when I put "localhost: 85 / my_app /" as my domain name, I get an error message:

Application Domains: localhost: 85 / my_app / is not a valid domain.

Answer 1

My decision:

1. Leave application domains blank
2. (Products) Facebook login> Settings
3. Add http://localhost:85/my_app/ to the Valid OAuth redirect URIs field
4. Save changes

Answer 2

It looks like the protocol has been changed.

Here is my solution (I tested on April 3, 2015 and works well):

In Settings → Basic tab

• Application domain: localhost
• Click " + Add Platform " and select " Website "
• Site URL: http: // localhost: <port> / (<port> your port number)
• Save changes

Answer 3

• Leave application domains blank
• Go to the site using Facebook Login
• Add http://localhost:port_number/
• Save the changes and try again. For more information, visit

http://developers.facebook.com/docs/samples/canvas/ Happy coding :-)

Answer 4

This has changed over the years, but I just got it to work with the webapp, which I run on localhost. This is what I did:

• Go to https://developers.facebook.com/apps
• Select your application.
• Choose Settings> General in the left navigation bar.
• Click the Add Platform button at the bottom of the page.
• Click Website
• Enter http://localhost:8080/ for the site URL.
• Click the quick launch button in the far right corner of the URL of the site you just entered.
• A new tab will open. On this tab, scroll down to the “Tell us about your website” section and enter http://localhost:8080/ again for the website URL.
• Press "Next".
• Tried to log in again, and it worked this time.

Good luck

Answer 5

2018 working solution

It took me a long time to figure this out, so I will share my decision.

I tried all the suggested answers, but nothing worked, and in the end all I had to do was go to https://developers.facebook.com/apps/YOUR_APP_ID/fb-login/settings/ and add my full url to call back in the Valid OAuth redirect URI field.

In my case, using ruby ​​on rails, my URL looked like this http://localhost:3000/user/auth/facebook/callback .

And right after I added it, it worked! Hope this helps someone else run into this issue.

Answer 6

This is what I did before.

If you are using Windows, you need to modify the host file. The location of the host file will be in %SystemRoot%\System32\drivers\etc\

Add a new line to the host file as follows:

 127.0.0.1 localhost.YOUR-SITE-NAME.com 

Save the host file.

Go to the FB application settings control panel and enter localhost.YOUR-SITE-NAME.com in the Apps domain field. Save changes.

Now download the local environment, for example localhost.YOUR-SITE-NAME.com , from your browser.

NB. Change the SITE NAME to your domain name.

Answer 7

Working solution (August 2018)

First, select your application on the developer toolbar .

Then make sure your application is in development mode , as it allows localhost over HTTP. To do this, click on the switch located in the upper right corner of the page of your application.

Finally, follow the notes below, as they can cause problems if filled incorrectly:

• Settings > Basic > App Domains must be empty
• Products > Facebook Login > Settings > Valid OAuth Redirect URIs must be empty

Answer 8

You can leave it blank or use localhost , http://localhost:85/my_app/ is the URL

Answer 9

When I wrote this tutorial, at that time the port was allowed in the application domain. And I really can run the application with 81 ports (Wamp Server). Now it looks like facebook does not allow port in url. You can use localhost in the application domain.

I will update the information as soon as possible. I am trying to find a solution.

A workaround is to use localtunnel http://progrium.com/localtunnel/

Answer 10

You must create a tunnel to share the local host; Ngrok is the easiest way to do this.

Answer 11

https://ngrok.com

Follow the link https://ngrok.com/ to download ngrok and extract this file. Open cmd (search for cmd) Go to the directory where ngrok is extracted. Open ngrok from the command line ex: c: /ngrok/ngrok.exe [port] or cd c: / ngrok, then ngrok 80 (ngrok [port]) You will get

ngrok

 Tunnel Status online Version 1.3/1.3 Forwarding http://3ahsdfhska.ngrok.com -> 127.0.0.1:80 Forwarding https://3ahsdfhska.ngrok.com -> 127.0.0.1:80 Web Interface http://127.0.0.1:4040 # Conn 0 Avg Conn Time 0.00ms 

Dont FORGET to make sure your Wamp server is open on the same port ... (how to check -> goto-> wampicon-> apache-> httpd.conf look for the port or 80 (by default) use 80 for ngrok.exe)

http://3ahsdfhska.ngrok.com

there will be a URL to access your local hosting

Answer 12

If you get protocol errors, you not only need to DELETE Http: //, but also if there is any backslash at the end of the web address, you must delete it too, or it will not work. I did it and it worked perfectly! Holla!

Answer 13

Discarding another solution into the mixture:

I installed my site according to the instructions, then added a second application (Facebook Canvas) and installed it for http://localhost:XXXXX . Now I can access FB both locally and in production.

Answer 14

I am developing locally and I am using this URL: localhost/fb

Then I had to add a site with the following URL: http://localhost

In the "Application Domains" section, I added localhost .

Now it works. The only problem I am facing is that you have to use this URL in all your scripts. For example.

 $loginUrl = $helper->getLoginUrl('http://localhost/fb/login-callback.php', $permissions); 

You cannot use 127.0.0.1 here ...

Answer 15

I tried all the solutions mentioned here, but none of them worked.

My problem was solved by copying the "OAuth redirect URI" from firebase to the Facebook application "Valid OAuth redirect URI"

I left all domains empty