Что я делаю не так в разработке приложения localhost Facebook?

App Domains: localhost
Website with Facebook login: http://localhost/auth

Я захожу в http://localhost/auth/ и в моей консоли разработчика Chrome вижу ошибку: 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.

Я делаю вид-Источник, чтобы увидеть следующее: 

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
</head>
<body>
<div id="fb-root"></div>
<script>
  // Additional JS functions here
  window.fbAsyncInit = function() {
    FB.init({
      appId      : 'myappidremovedfromstackoverflowquestion', // App ID
      channelUrl : '//localhost/auth/channel.html', // Channel File
      status     : true, // check login status
      cookie     : true, // enable cookies to allow the server to access the session
      xfbml      : true  // parse XFBML
    });

    // Additional init code here

  };

  // Load the SDK Asynchronously
  (function(d){
     var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0];
     if (d.getElementById(id)) {return;}
     js = d.createElement('script'); js.id = id; js.async = true;
     js.src = "//connect.facebook.net/en_US/all.js";
     ref.parentNode.insertBefore(js, ref);
   }(document));
</script>
<p>hello</p>
</body>
</html>

Я захожу в http://localhost/auth/channel.html и просматриваю источник, чтобы увидеть одну строку: 

<script src="//connect.facebook.net/en_US/all.js"></script>
1 9
facebook oauth-2.0 facebook-javascript-sdk facebook-oauth

1 ответ:

Вы должны использовать какой-то псевдоним домена, когда вы хотите подключить приложение Facebook с вашей локальной средой.

Попробуйте следующее:

  1. Перейдите в свой файл etc/hosts (или %systemroot%/system32/drivers/etc/hosts) и добавьте следующую строку:

    127.0.0.1 foo.local # alias domain

  2. Перейдите в раздел App > Settings и зарегистрируйте приложение, просто используя foo.local в качестве домена приложения.

  3. Добавьте URL вашего сайта (например, http://foo.local / project / )

  4. Сделано.

Отредактировано далее 16.01.2016:

Facebook изменил свой пользовательский интерфейс, выполните следующие действия, чтобы он работал.

  1. перейти к App > Settings > Basic (tab)
  2. нажмите на Add Platform, Выберите "веб-сайт" и введите свой псевдоним домена.
  3. добавьте свой домен в раздел App Domain.
  4. готово.
11