Question

我正在尝试将facebook登录集成到我的网站中，到目前为止它还没有用。我不知道问题是什么。

以下是我在facebook.com上关注的教程： https://developers.facebook.com/docs/howtos/login/getting-started/#addinfo

以下是我目前在网站上的代码：

<!DOCTYPE html>
<html lang="en-US">
<head>
    <link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<div id="fb-root"></div>
<script>
  // Additional JS functions here
  window.fbAsyncInit = function() {

    FB.init({
      appId      : 'Yes_I_Have_An_APP_ID', // App ID
      channelUrl : 'Yes_I_Have_A_Website', // Channel File
      status     : true, // check login status
      cookie     : true, // enable cookies to allow the server to access the session
      xfbml      : true  // parse XFBML
    });

    FB.getLoginStatus(function(response) {
      if (response.status === 'connected') {
        // connected
      } else if (response.status === 'not_authorized') {
        // not_authorized
      } else {
        // not_logged_in
      }
    });

    // Additional init code here
    FB.getLoginStatus(function(response) {
        if (response.status === 'connected') {
            // connected
        } else if (response.status === 'not_authorized') {
            // not_authorized
            login();
        } else {
            // not_logged_in
            login();
        }
    });
    function testAPI() {
        console.log('Welcome!  Fetching your information.... ');
        FB.api('/me', function(response) {
            console.log('Good to see you, ' + response.name + '.');
        });
    }
  };

  function login() {
    FB.login(function(response) {
        if (response.authResponse) {
            // connected
                            testAPI();
        } else {
            // cancelled
        }
    });
  }

  // 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>

<div style="background:#037da0;">
    <div style="margin-left:auto;margin-right:auto;width:900px;padding-top:10px;padding-bottom:5px;">
        Website Name
    </div>
</div>
</body>

有谁可以找出为什么这不起作用？

试图将facebook登录集成到我的网站中

0 个答案: