启用卷曲扩展

Question

尝试使用Facebook JavaScript API在html页面中嵌入登录按钮

<body>

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/fr_FR/sdk.js#xfbml=1&appId=637150723035739&version=v2.0";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-login-button" data-max-rows="1" data-size="medium" data-show-faces="false" data-auto-logout-link="false"></div>

</body>

我只是没有得到任何输出我不知道自己做错了什么

Answer 1

问题似乎是，您在本地计算机（例如桌面）上的html文件中包含此代码，然后它不起作用。我试过了。

你必须在Web服务器上运行这个html，例如。 XAMPP用于测试目的。

以下是XAMPP的链接：https://www.apachefriends.org/de/index.html

注意：如果你是网页设计的新手，很多代码在没有服务器的情况下都不能工作，直接运行文件只能用纯HTML工作，大多数其他代码（JS，PHP，...）只适用于一台服务器。

Answer 2

Facebook / Google登录API需要一个特定的应用Domain，您的应用应从该应用调用FB API函数。如果没有，它就不会像你的情况那样工作。

来自Aknurm.com：

您需要的只是一个Facebook帐户并且WAMP server正在运行   你的电脑。步骤很简单。

启用卷曲扩展

默认情况下，WAMP会禁用卷曲。为了与之沟通   您需要启用它的Facebook服务器。你所要做的就是，开始   然后你的WAMP服务器（左）点击系统中的绿色WAMP图标   托盘，导航到PHP然后PHP扩展，然后检查php_curl。您   可能需要重新启动WAMP服务器才能生效。

在您的PC上为您的应用创建一个文件夹。   =完成启用卷发后，您需要在PC上为Facebook应用程序创建一个文件夹。您可以为其选择任何名称。在   简单的说，在WAMP的www文件夹中创建一个名为fb的新文件夹   服务器。然后导航http://localhost/fb进行测试。你必须   在此处查看您的所有应用内容。

在Facebook上创建应用

完成上述两个步骤后，您就可以创建一个   Facebook上的应用程序。只需导航到Facebook开发人员的网站和   然后从应用程序菜单中选择创建新应用程序。

然后Facebook将询问您有关您的应用程序的基本信息。您   可以选择任何所需的名称和电子邮件地址，但您必须填写   localhost为App Domain，http://localhost/fb为Website with Facebook login。这将启用从localhost登录。

enter image description here

Facebook API运行不佳

2 个答案:

启用卷曲扩展

在Facebook上创建应用