Question

我第一次尝试在我的网站上使用facebook connect。

我创建了一个应用程序，我将代码从此处复制到空白HTML文件中 http://developers.facebook.com/docs/guides/web/#login

但我所看到的只是一个纯文本 - “使用Facebook登录” - 没有按钮，没有功能。

可能是什么问题？

代码是 -

<html>
    <head>
      <title>My Facebook Login Page</title>
    </head>
    <body>
      <div id="fb-root"></div>
      <script>
        window.fbAsyncInit = function() {
          FB.init({
            appId      : 'XXXXXXX',
            status     : true, 
            cookie     : true,
            xfbml      : true
          });
        };
        (function(d){
           var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
           js = d.createElement('script'); js.id = id; js.async = true;
           js.src = "//connect.facebook.net/en_US/all.js";
           d.getElementsByTagName('head')[0].appendChild(js);
         }(document));
      </script>
      <div class="fb-login-button">Login with Facebook</div>
    </body>
 </html>

Answer 1

尝试将XML命名空间添加到＆lt; html＆gt;你的文件的标签。

<html xmlns:fb="http://ogp.me/ns/fb#">

...然后尝试以下登录按钮：

<fb:login-button></fb:login-button>

Answer 2

从我的HTML代码中注意到，你缺少链接到Facebook的JS SDK的标签。

添加：

 <script src="https://connect.facebook.net/en_US/all.js#appId={YOUR_FACEBOOK_APP_ID}&xfbml=1"></script>

然后而不是做

 <div class="fb-login-button">Login with Facebook</div>

做

 <fb:login-button></fb:login-button>

正如查理P.回答的那样。

Answer 3

尝试在主机中运行您的应用程序。如果您的项目是基于PHP的项目意味着在https://localhost/projectname中运行。

并检查您的Facebook应用设置。您的项目名称应与站点名称相同。

Facebook在我的网站连接

3 个答案: