blocks|key|207456|text|我的解决方案是：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|207457|207458|离开应用程序域empty|ordered-list-item|207459|(Products)+Facebook登录>设置|207460|将http://localhost:85/my_app/添加到Valid+OAuth+redirect+URIs框|offset|length|style|CODE|207461|保存更改|207462|<代码>G211|207463|entityMap^0|0|0|0|0|1|R|V|P|0|0|0^^$0|@$1|2|3|4|5|6|7|T|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|U|8|@]|9|@]|A|$]]|$1|C|3|D|5|E|7|V|8|@]|9|@]|A|$]]|$1|F|3|G|5|E|7|W|8|@]|9|@]|A|$]]|$1|H|3|I|5|E|7|X|8|@$J|Y|K|Z|L|M]|$J|10|K|11|L|M]]|9|@]|A|$]]|$1|N|3|O|5|E|7|12|8|@]|9|@]|A|$]]|$1|P|3|Q|5|6|7|13|8|@]|9|@]|A|$]]|$1|R|3|-4|5|6|7|14|8|@]|9|@]|A|$]]]|S|$]]

My solution:

<ol>
<li>Leave App Domains empty</li>
<li>(Products) Facebook login > Settings </li>
<li>Add <code>http://localhost:85/my_app/</code> to <code>Valid OAuth redirect URIs</code> box</li>
<li>Save Changes</li>
</ol>

blocks|key|3057904|text|看起来协议已经改变了。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3057905|这是我的解决方案(我在2015年4月3日测试过，效果很好)：|3057906|在设置+->+Basic选项卡中|offset|length|style|BOLD|3057907|3057908|App域:添加localhost|ordered-list-item|3057909|Click+"%2BAdd+Platform“并选择|3057910|App+URL:+http://localhost:/+(是端口URL|3057911|3057912|3057913|entityMap|0|LINK|mutability|MUTABLE|url|http://localhost:<port>/^0|0|0|1|2|7|5|0|0|0|G|0|0|O|1|0|8|9|Q|9|I|0|1|0|0^^$0|@$1|2|3|4|5|6|7|11|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|12|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|13|8|@$F|14|G|15|H|I]|$F|16|G|17|H|I]]|9|@]|A|$]]|$1|J|3|-4|5|6|7|18|8|@]|9|@]|A|$]]|$1|K|3|L|5|M|7|19|8|@$F|1A|G|1B|H|I]]|9|@]|A|$]]|$1|N|3|O|5|M|7|1C|8|@$F|1D|G|1E|H|I]]|9|@]|A|$]]|$1|P|3|Q|5|M|7|1F|8|@$F|1G|G|1H|H|I]|$F|1I|G|1J|H|I]]|9|@$F|1K|G|1L|1|1M]]|A|$]]|$1|R|3|-4|5|6|7|1N|8|@]|9|@]|A|$]]|$1|S|3|-4|5|6|7|1O|8|@]|9|@]|A|$]]|$1|T|3|-4|5|6|7|1P|8|@]|9|@]|A|$]]]|U|$V|$5|W|X|Y|A|$Z|10]]]]

It seems like the protocol has been changed. 

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

In Settings -> Basic tab

<ol>
<li>App Domain: localhost</li>
<li>Click "+Add Platform" and choose "Website"</li>
<li>Site URL: <a href="http://localhost:&lt;port&gt;/">http://localhost:&lt;port&gt;/</a> (&lt;port&gt; is your port number)</li>
<li>Save Changes</li>
</ol>

blocks|key|2844800|text|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2844801|将应用程序域留空|ordered-list-item|2844802|转到Facebook网站登录|2844803|添加http://localhost:port_number/|offset|length|style|CODE|2844804|Save更改，然后重试。欲了解更多信息，请访问|2844805|2844806|http://developers.facebook.com/docs/samples/canvas/快乐编码:-)|2844807|entityMap|0|LINK|mutability|MUTABLE|url|http://developers.facebook.com/docs/samples/canvas/^0|0|0|0|2|T|0|0|0|0|1F|0|0^^$0|@$1|2|3|-4|4|5|6|Y|7|@]|8|@]|9|$]]|$1|A|3|B|4|C|6|Z|7|@]|8|@]|9|$]]|$1|D|3|E|4|C|6|10|7|@]|8|@]|9|$]]|$1|F|3|G|4|C|6|11|7|@$H|12|I|13|J|K]]|8|@]|9|$]]|$1|L|3|M|4|C|6|14|7|@]|8|@]|9|$]]|$1|N|3|-4|4|5|6|15|7|@]|8|@]|9|$]]|$1|O|3|P|4|5|6|16|7|@]|8|@$H|17|I|18|1|19]]|9|$]]|$1|Q|3|-4|4|5|6|1A|7|@]|8|@]|9|$]]]|R|$S|$4|T|U|V|9|$W|X]]]]

<ol>
<li>Leave App Domains empty</li>
<li>Go to Website with Facebook Login</li>
<li>Add <code>http://localhost:port_number/</code></li>
<li>Save changes and try again.
For more information visit </li>
</ol>

<a href="http://developers.facebook.com/docs/samples/canvas/">http://developers.facebook.com/docs/samples/canvas/</a>
Happy coding :-)

blocks|key|2845101|text|这在过去的几年里发生了一些变化，但我只是让它与我在本地主机上运行的webapp应用程序一起工作。这是我所做的：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2845102|2845103|转到https://developers.facebook.com/apps|ordered-list-item|offset|length|2845104|Select您的应用。|2845105|从左侧导航栏选择设置>基本。|2845106|单击页面底部的添加平台按钮。|2845107|单击站点网址的to+http://localhost:8080/。|style|CODE|2845108|单击您刚输入的站点URL最右侧的快速入门按钮。|2845109|将打开一个新选项卡。在该选项卡上，向下滚动到“告诉我们您的网站”部分，然后再次输入http://localhost:8080/作为站点button.|2845110|Attempted。|2845111|单击下一个URL再次登录，这一次可以正常工作。|2845112|2845113|祝好运!|2845114|entityMap|0|LINK|mutability|MUTABLE|url|https://developers.facebook.com/apps^0|0|0|2|10|0|0|0|0|0|A|M|0|0|15|M|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|1A|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|1B|8|@]|9|@]|A|$]]|$1|C|3|D|5|E|7|1C|8|@]|9|@$F|1D|G|1E|1|1F]]|A|$]]|$1|H|3|I|5|E|7|1G|8|@]|9|@]|A|$]]|$1|J|3|K|5|E|7|1H|8|@]|9|@]|A|$]]|$1|L|3|M|5|E|7|1I|8|@]|9|@]|A|$]]|$1|N|3|O|5|E|7|1J|8|@$F|1K|G|1L|P|Q]]|9|@]|A|$]]|$1|R|3|S|5|E|7|1M|8|@]|9|@]|A|$]]|$1|T|3|U|5|E|7|1N|8|@$F|1O|G|1P|P|Q]]|9|@]|A|$]]|$1|V|3|W|5|E|7|1Q|8|@]|9|@]|A|$]]|$1|X|3|Y|5|E|7|1R|8|@]|9|@]|A|$]]|$1|Z|3|-4|5|6|7|1S|8|@]|9|@]|A|$]]|$1|10|3|11|5|6|7|1T|8|@]|9|@]|A|$]]|$1|12|3|-4|5|6|7|1U|8|@]|9|@]|A|$]]]|13|$14|$5|15|16|17|A|$18|19]]]]

This has changed some over the years, but I just got it to work with a webapp that I'm running on localhost. This is what I did:

<ol>
<li>Goto <a href="https://developers.facebook.com/apps">https://developers.facebook.com/apps</a></li>
<li>Select your app.</li>
<li>Select Settings > Basic from the left hand nav bar.</li>
<li>Click the Add Platform button at the bottom of the page.</li>
<li>Click Website</li>
<li>Enter <code>http://localhost:8080/</code> for the Site URL.</li>
<li>Click the Quickstart button to the far right of the Site URL you just entered.</li>
<li>A new tab will open. On that tab, scroll down to the section, "Tell us about your website" and again enter <code>http://localhost:8080/</code> for the Site URL.</li>
<li>Click the Next button.</li>
<li>Attempted to login again, and it worked this time.</li>
</ol>

Good luck!

blocks|key|209670|text|2018工作解决方案|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|209671|我花了很长时间才弄明白这个问题，所以我将分享我的解决方案。|209672|我尝试了所有的建议答案，但没有一个对我有效，最后我所要做的就是转到https://developers.facebook.com/apps/YOUR_APP_ID/fb-login/settings/，并在有效的OAuth重定向URI框中添加我的完整回调url。|209673|在我的例子中，使用ruby+on+rails，我的url看起来像这样的http://localhost:3000/user/auth/facebook/callback。|CODE|209674|在我添加了它之后，一切都开始工作了！希望这对其他面临这个问题的人有所帮助。|209675|entityMap|0|LINK|mutability|MUTABLE|url|https://developers.facebook.com/apps/YOUR_APP_ID/fb-login/settings/^0|0|A|0|0|X|1V|0|0|Z|1D|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@$9|X|A|Y|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|Z|8|@]|D|@]|E|$]]|$1|H|3|I|5|6|7|10|8|@]|D|@$9|11|A|12|1|13]]|E|$]]|$1|J|3|K|5|6|7|14|8|@$9|15|A|16|B|L]]|D|@]|E|$]]|$1|M|3|N|5|6|7|17|8|@]|D|@]|E|$]]|$1|O|3|-4|5|6|7|18|8|@]|D|@]|E|$]]]|P|$Q|$5|R|S|T|E|$U|V]]]]

2018 working solution

It took me ages to figure this out, so I'm going to share my solution.

I tried all the suggested answers, but nothing worked for me, and in the end all I had to do was to go to <a href="https://developers.facebook.com/apps/YOUR_APP_ID/fb-login/settings/" rel="noreferrer">https://developers.facebook.com/apps/YOUR_APP_ID/fb-login/settings/</a>, and add my full callback url in the Valid OAuth redirect URIs box. 

In my case, using ruby on rails, my url looked like this <code>http://localhost:3000/user/auth/facebook/callback</code>.

And right after I added it, everything started working! Hope this helps someone else facing this issue.

blocks|key|209575|text|这就是我以前做的事情。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|209576|如果使用的是Windows，则需要修改主机文件。主机文件位置将位于%25SystemRoot%25\System32\drivers\etc\|offset|length|style|CODE|209577|在主机文件中添加新行，如下所示|209578|127.0.0.1++++localhost.YOUR-SITE-NAME.com|code-block|syntax|javascript|209579|保存主机文件。|209580|转到FB应用程序设置控制面板，并在应用程序域字段中提供localhost.YOUR-SITE-NAME.com。保存更改。|209581|现在从浏览器加载您的本地环境，如localhost.YOUR-SITE-NAME.com。|209582|注:将您的-SITE-+name更改为您的域名。|209583|entityMap^0|0|X|Y|0|0|0|0|R|S|0|G|S|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Z|8|@$D|10|E|11|F|G]]|9|@]|A|$]]|$1|H|3|I|5|6|7|12|8|@]|9|@]|A|$]]|$1|J|3|K|5|L|7|13|8|@]|9|@]|A|$M|N]]|$1|O|3|P|5|6|7|14|8|@]|9|@]|A|$]]|$1|Q|3|R|5|6|7|15|8|@$D|16|E|17|F|G]]|9|@]|A|$]]|$1|S|3|T|5|6|7|18|8|@$D|19|E|1A|F|G]]|9|@]|A|$]]|$1|U|3|V|5|6|7|1B|8|@]|9|@]|A|$]]|$1|W|3|-4|5|6|7|1C|8|@]|9|@]|A|$]]]|X|$]]

This is what I used to do.

If you are using Windows, you need to modify the host file. Host file location will be at <code>%SystemRoot%\System32\drivers\etc\</code> 

Add a new line in host file like this

<pre><code>127.0.0.1 localhost.YOUR-SITE-NAME.com
</code></pre>

Save the host file. 

Go to FB apps setting control panel and give <code>localhost.YOUR-SITE-NAME.com</code> in Apps domain field. Save changes.

Now load you local environment like <code>localhost.YOUR-SITE-NAME.com</code> from your browser.

NB: change YOUR-SITE-NAME with your domain name.

blocks|key|2845206|text|工作解决方案(2018年8月)|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|2845207|首先，在developers+dashboard中选择你的应用。|2845208|然后，确保您的应用程序是在development+mode中，因为它允许本地主机通过HTTP。要执行此操作，请单击应用程序页面右上角的切换。|2845209|最后，请遵循下面的说明，因为如果填写不当可能会造成麻烦：|2845210|2845211|Settings+>+Basic+>+App+Domains应为empty|unordered-list-item|CODE|2845212|Products+>+Facebook+Login+>+Settings+>+Valid+OAuth+Redirect+URIs应为空|2845213|2845214|entityMap|0|LINK|mutability|MUTABLE|url|https://developers.facebook.com/apps|1|https://developers.facebook.com/docs/apps/managing-development-cycle/#step1^0|0|F|0|4|K|0|0|D|G|1|0|0|0|0|U|0|0|1S|0|0^^$0|@$1|2|3|4|5|6|7|13|8|@$9|14|A|15|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|16|8|@]|D|@$9|17|A|18|1|19]]|E|$]]|$1|H|3|I|5|6|7|1A|8|@]|D|@$9|1B|A|1C|1|1D]]|E|$]]|$1|J|3|K|5|6|7|1E|8|@]|D|@]|E|$]]|$1|L|3|-4|5|6|7|1F|8|@]|D|@]|E|$]]|$1|M|3|N|5|O|7|1G|8|@$9|1H|A|1I|B|P]]|D|@]|E|$]]|$1|Q|3|R|5|O|7|1J|8|@$9|1K|A|1L|B|P]]|D|@]|E|$]]|$1|S|3|-4|5|6|7|1M|8|@]|D|@]|E|$]]|$1|T|3|-4|5|6|7|1N|8|@]|D|@]|E|$]]]|U|$V|$5|W|X|Y|E|$Z|10]]|11|$5|W|X|Y|E|$Z|12]]]]

Working solution (August 2018)

First, select your app in the <a href="https://developers.facebook.com/apps" rel="nofollow noreferrer">developers dashboard</a>.

Then make sure your app is in <a href="https://developers.facebook.com/docs/apps/managing-development-cycle/#step1" rel="nofollow noreferrer">development mode</a>, as it allows localhost over HTTP. To do so, click on the toggle situated at the top right of your app's page.

Finally, please follow the notes below as they could cause trouble if improperly filled:

<ul>
<li><code>Settings &gt; Basic &gt; App Domains</code> should be empty</li>
<li><code>Products &gt; Facebook Login &gt; Settings &gt; Valid OAuth Redirect URIs</code> should be empty</li>
</ul>

blocks|key|207907|text|您可以将其保留为空，也可以使用URL，http://localhost:85/my_app/是localhost|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|207908|entityMap^0|J|R|1B|9|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]|$9|K|A|L|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|M|8|@]|D|@]|E|$]]]|G|$]]

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

blocks|key|209515|text|当我写那篇教程的时候，端口在应用程序域中是允许的。实际上，我可以使用81端口(wamp服务器)运行应用程序。现在看来，facebook不允许在url中使用port。您可以在应用程序域中使用localhost。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|209516|我会尽快更新信息。我正在努力寻找解决方案。|209517|临时解决方案是使用本地隧道http://progrium.com/localtunnel/|209518|entityMap|0|LINK|mutability|MUTABLE|url|http://progrium.com/localtunnel/^0|2M|9|0|0|D|W|0|0^^$0|@$1|2|3|4|5|6|7|R|8|@$9|S|A|T|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|U|8|@]|D|@]|E|$]]|$1|H|3|I|5|6|7|V|8|@]|D|@$9|W|A|X|1|Y]]|E|$]]|$1|J|3|-4|5|6|7|Z|8|@]|D|@]|E|$]]]|K|$L|$5|M|N|O|E|$P|Q]]]]

When I wrote that tutorial at that time port was allowed in app domain. And I actually able to run app with 81 port (wamp server). Now it looks that facebook is not allowing port in url. You can use <code>localhost</code> in app domain. 
I will update information as soon as possible. I am trying to find out solution.
 

A temporary solution is use localtunnel <a href="http://progrium.com/localtunnel/" rel="nofollow">http://progrium.com/localtunnel/</a>

blocks|key|3058220|text|我测试了一下，它在2020年2月对我有效|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3058221|3058222|安装ngrok并获取您的https+url+(例如：https://ngrok.io.|ordered-list-item|offset|length|style|CODE|3058223|On+to+FB+App+Dashboard+Settings+(Basic)+->+(应用程序域名)下的应用程序仪表板设置(Basic)+https://a3asdf23.ngrok.io+)，https://ngrok.io.|3058224|On(添加)同一页面，向下滚动，添加平台(网站)，将url设置为https://a3asdf23.ngrok.io。还没有完成，请单击“告诉我们关于您的网站”下的QuickStart+->，将相同的url+https://a3asdf23.ngrok.io.|3058225|Then转到产品->+Facebook登录->设置->客户端OAuth设置->有效的OAuth重定向url+->添加这些https://a3asdf23.ngrok.io、https://ngrok.io、url|3058226|3058227|给你。稍后感谢我:)|3058228|entityMap^0|0|0|Q|G|0|1Y|P|2Q|G|0|W|P|2V|P|0|1O|P|2E|G|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|V|8|@]|9|@]|A|$]]|$1|C|3|D|5|E|7|W|8|@$F|X|G|Y|H|I]]|9|@]|A|$]]|$1|J|3|K|5|E|7|Z|8|@$F|10|G|11|H|I]|$F|12|G|13|H|I]]|9|@]|A|$]]|$1|L|3|M|5|E|7|14|8|@$F|15|G|16|H|I]|$F|17|G|18|H|I]]|9|@]|A|$]]|$1|N|3|O|5|E|7|19|8|@$F|1A|G|1B|H|I]|$F|1C|G|1D|H|I]]|9|@]|A|$]]|$1|P|3|-4|5|6|7|1E|8|@]|9|@]|A|$]]|$1|Q|3|R|5|6|7|1F|8|@]|9|@]|A|$]]|$1|S|3|-4|5|6|7|1G|8|@]|9|@]|A|$]]]|T|$]]

I tested this and it works for me [Feb 2020]:

<ol>
<li>Install ngrok &amp; get your https url (example: <a href="https://a3asdf23.ngrok.io" rel="nofollow noreferrer">https://a3asdf23.ngrok.io</a>)</li>
<li>Go to FB App Dashboard Settings (Basic) -> under App Domains -> add <code>https://a3asdf23.ngrok.io</code>, <code>https://ngrok.io</code>.</li>
<li>On the same page, scroll all the way down, Add Platform (Website), set the url as <code>https://a3asdf23.ngrok.io</code>. Not finish yet, click QuickStart -> under "Tell us about your website", put the same url <code>https://a3asdf23.ngrok.io</code>.</li>
<li>Then go to Products -> Facebook Login -> Settings -> Client OAuth Settings -> Valid OAuth Redirect URIs -> add these <code>https://a3asdf23.ngrok.io</code>, <code>https://ngrok.io</code>, <code>https://a3asdf23.ngrok.io/{your-redirect-uri}</code>.</li>
</ol>

And here you go. Thanks me later :)

blocks|key|209533|text|你必须创建一个隧道来共享你的本地主机；Ngrok是最简单的方法。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|209534|entityMap|0|LINK|mutability|MUTABLE|url|https://ngrok.com/^0|J|5|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

You must create a tunnel to share your localhost;
<a href="https://ngrok.com/" rel="nofollow" title="Ngrok">Ngrok</a> is maby the easiest way to do that.

blocks|key|3057752|text|https://ngrok.com|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|3057753|通过https://ngrok.com/链接下载ngrok并解压缩该文件。打开cmd+(搜索cmd)转到解压ngrok的目录。从命令行ex:+c:/+ngrok+/ngrok.exe+port或cd+c:/ngrok打开ngrok，然后打开ngrok+80+(Ngrok+port+)|3057754|ngrok|3057755|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|code-block|syntax|javascript|3057756|不要忘记确保您的wamp服务器在相同的端口…上打开(如何检查->+goto->wampicon->apache->httpd.conf搜索端口或80+(默认)将其用于ngrok.exe+80)|3057757|3057758|+http://3ahsdfhska.ngrok.com|blockquote|style|CODE|3057759|3057760|3057761|将是用于在线访问本地主机的URL|3057762|entityMap|0|LINK|mutability|MUTABLE|url|https://ngrok.com/|1^0|0|H|0|0|2|I|1|0|0|0|0|0|1|R|0|0|0|0^^$0|@$1|2|3|4|5|6|7|17|8|@]|9|@$A|18|B|19|1|1A]]|C|$]]|$1|D|3|E|5|6|7|1B|8|@]|9|@$A|1C|B|1D|1|1E]]|C|$]]|$1|F|3|G|5|6|7|1F|8|@]|9|@]|C|$]]|$1|H|3|I|5|J|7|1G|8|@]|9|@]|C|$K|L]]|$1|M|3|N|5|6|7|1H|8|@]|9|@]|C|$]]|$1|O|3|-4|5|6|7|1I|8|@]|9|@]|C|$]]|$1|P|3|Q|5|R|7|1J|8|@$A|1K|B|1L|S|T]]|9|@]|C|$]]|$1|U|3|-4|5|6|7|1M|8|@]|9|@]|C|$]]|$1|V|3|-4|5|6|7|1N|8|@]|9|@]|C|$]]|$1|W|3|X|5|6|7|1O|8|@]|9|@]|C|$]]|$1|Y|3|-4|5|6|7|1P|8|@]|9|@]|C|$]]]|Z|$10|$5|11|12|13|C|$14|15]]|16|$5|11|12|13|C|$14|15]]]]

<a href="https://ngrok.com" rel="nofollow">https://ngrok.com</a> 

Go through <a href="https://ngrok.com/" rel="nofollow">https://ngrok.com/</a> link to download ngrok and extract that file.
Open cmd ( search cmd)
Go to directory where ngrok is extracted.
Open ngrok from command line ex: c:/ngrok/ngrok.exe [port] or cd c:/ngrok then ngrok 80 ( ngrok [port] )
You will get 

ngrok

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

Don’t FORGET to make sure your wamp server is open on same port … 
(how to check -> goto->wampicon->apache->httpd.conf search for port or 80(default) use that for ngrok.exe 80 )

<blockquote>
 <code>http://3ahsdfhska.ngrok.com</code>
</blockquote>

will be URL for accessing your localhost online

blocks|key|208150|text|我尝试了这里提到的所有解决方案，但都没有奏效。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|208151|解决了我的问题的是将"OAuth重定向URI“从firebase复制到”有效的OAuth重定向URI“。|208152|我把所有的域名都留空了|208153|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|H|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|I|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|J|8|@]|9|@]|A|$]]|$1|F|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|G|$]]

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

What solved my issue was copying the "OAuth redirect URI" from firebase to facebook app "Valid OAuth Redirect URIs"

I left all the domains blank

blocks|key|205211|text|如果你得到了协议错误，你不仅需要删除Http://，而且如果在网址的末尾有任何反斜杠，你也必须删除它，否则它将无法工作。我这样做了，它完美地工作了！好啊！|type|unstyled|depth|inlineStyleRanges|entityRanges|data|205212|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

If you are getting the protocol errors, not only do you need to REMOVE the Http:// but also if there is any backslash at the end of the web address, you must remove that too or it won't work. I did this and it worked perfectly! Holla!

blocks|key|208063|text|将另一个解决方案抛入其中：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|208064|我按照说明设置了我的网站，然后添加了第二个应用程序(Facebook+Canvas)，并将该网址设置为http://localhost:XXXXX。现在我既可以在本地访问FB，也可以在生产中访问。|offset|length|style|CODE|208065|entityMap^0|0|1F|M|0^^$0|@$1|2|3|4|5|6|7|J|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|K|8|@$D|L|E|M|F|G]]|9|@]|A|$]]|$1|H|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|I|$]]

Tossing one more solution into the mix:

I set up my website per the instructions, then added a second app (Facebook Canvas) and set that URL to <code>http://localhost:XXXXX</code>. Now I can access FB both locally and in production.

blocks|key|207566|text|我在本地开发，我使用这个网址：localhost/fb|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|207567|然后我不得不添加一个带有以下网址的网站：http://localhost|207568|在应用程序域下面，我添加了localhost。|207569|现在它起作用了。我遇到的唯一问题是，您必须在所有脚本中使用此URL。例如。|207570|$loginUrl+=+$helper->getLoginUrl('http://localhost/fb/login-callback.php',+$permissions);|code-block|syntax|javascript|207571|你不能在这里使用127.0.0.1+...|207572|entityMap^0|F|C|0|K|G|0|D|9|0|0|0|8|9|0^^$0|@$1|2|3|4|5|6|7|U|8|@$9|V|A|W|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|X|8|@$9|Y|A|Z|B|C]]|D|@]|E|$]]|$1|H|3|I|5|6|7|10|8|@$9|11|A|12|B|C]]|D|@]|E|$]]|$1|J|3|K|5|6|7|13|8|@]|D|@]|E|$]]|$1|L|3|M|5|N|7|14|8|@]|D|@]|E|$O|P]]|$1|Q|3|R|5|6|7|15|8|@$9|16|A|17|B|C]]|D|@]|E|$]]|$1|S|3|-4|5|6|7|18|8|@]|D|@]|E|$]]]|T|$]]

I develop locally and I use this URL: <code>localhost/fb</code>

Then I had to add a website with the following URL: <code>http://localhost</code>

Under App Domains I added <code>localhost</code>.

Now it works. The only issue I had was, that you have to use this URL in all of your scripts. E.g.

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

You can't use <code>127.0.0.1</code> here ...

From a tutorial here: 
<a href="http://ankurm.com/blog/api/using-localhost-for-facebook-app-development/1091/" rel="noreferrer">http://ankurm.com/blog/api/using-localhost-for-facebook-app-development/1091/</a> 

I tried to set up a Local development Area for my Facebook app. But when I put "<a href="http://localhost:85/my_app/" rel="noreferrer">http://localhost:85/my_app/</a>" as my domain name, Facebook says 

<blockquote>
 App Domains: "<a href="http://localhost:85/app-name/" rel="noreferrer">http://localhost:85/app-name/</a>" should not contain protocol information. 
</blockquote>

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

<blockquote>
 App Domains: localhost:85/my_app/ is not a valid domain.
</blockquote>

Facebook app domain name when using localhost

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋 

腾讯云代码助手

CODING DevOps

Cloud Studio

SDK中心

API中心

命令行工具

来自这里的教程：我试图为我的Facebook应用程序设置一个本地开发区。但是当我把"“作为我的域名时，Facebook说应用域名："“不能包含协议信息。另外，当我把"localhost:85/ my _app/“作为我的域名时，我得到了一个错误：本地应用程序域：：85/my_ App /不是有效的域。

问使用localhost时的Facebook应用程序域名
EN

回答 16

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用localhost时的Facebook应用程序域名EN

回答 16

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用localhost时的Facebook应用程序域名
EN