Facebook Connect中的API密钥错误(javascript sdk)

fcg9iug3 于 2023-05-21 发布在 Java

关注(0)|答案(3)|浏览(179)

我正在尝试在网站上实现Facebook Connect。我正在尝试使用Facebook的Javascript SDK。我是新来的，不幸的是，Facebook WIKI中提供的大多数链接都已过时，返回404未找到。在</body>结尾之前添加了以下代码：

<script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
 <div id="fb-root"></div>
 <script src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php" type="text/javascript"> </script>
 <script src="http://connect.facebook.net/en_US/all.js"></script>
 <script>
   FB.init({
     appId  : '12344', // my real app id is here
     status : true, // check login status
     cookie : true, // enable cookies to allow the server to access the session
     xfbml  : false  // parse XFBML
   });
   
   FB.login(function(response) {
  if (response.session) {
    if (response.perms) {
        alert('user is logged in and granted some permissions');
      // user is logged in and granted some permissions.
      // perms is a comma separated list of granted permissions
    } else {
        alert('user is logged in, but did not grant any permissions');
      // user is logged in, but did not grant any permissions
    }
  } else {
        alert('user is not logged in');
    // user is not logged in
  }
}, {perms:'email'});
 </script>

我在同一个页面的其他地方（在上面的脚本之前）有一个登录按钮：

<fb:login-button v="2">Connect with Facebook</fb:login-button>

这个按钮呈现为一个正常的fb连接按钮，点击它会打开一个新的弹出窗口，因为它通常应该。问题是它显示'invalid API key specified'错误。在检查弹出窗口的地址栏时，我看到API_key=undefined被传递给它。：（
对此有什么想法吗？我已经花了5个小时来解决这个问题了。请帮助我找出为什么正确的API密钥没有被传递到弹出窗口。
先谢谢你了。

JavaScript

来源：https://stackoverflow.com/questions/2719673/api-key-error-in-facebook-connect-javascript-sdk

3条答案

按热度按时间

6uxekuva1#

我也在做同样的事情，我发现了一个很容易实现和理解的例子（这里可以使用jQuery，但你也可以不用库来做同样的事情）：

<body>
  <div>
    <button id="login">Login</button>
    <button id="disconnect">Disconnect</button>
  </div>
  <div id="user-info" style="display: none;"></div>

  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

  <div id="fb-root"></div>
  <script src="http://connect.facebook.net/en_US/all.js"></script>
  <script>
    // initialize the library with the API key
    FB.init({ appId  : '12344' });

    // fetch the status on load
    FB.getLoginStatus(handleSessionResponse);

    $('#login').bind('click', function() {
      FB.login(handleSessionResponse);
    });

    $('#disconnect').bind('click', function() {
      FB.api({ method: 'Auth.revokeAuthorization' }, function(response) {
        clearDisplay();
      });
    });

    // no user, clear display
    function clearDisplay() {
      $('#user-info').hide('fast');
    }

    // handle a session response from any of the auth related calls
    function handleSessionResponse(response) {
      // if we dont have a session, just hide the user info
      if (!response.session) {
        clearDisplay();
        return;
      }

      // if we have a session, query for the user's profile picture and name
      FB.api(
        {
          method: 'fql.query',
          query: 'SELECT name, pic FROM profile WHERE id=' + FB.getSession().uid
        },
        function(response) {
          var user = response[0];
          $('#user-info').html('<img src="' + user.pic + '">' + user.name).show('fast');
        }
      );
    }
  </script>
</body>

查看here以获得完整的代码，here可以找到其他资源。

赞(0）回复(0）举报 2023-05-21

4smxwvx52#

我已经设置了我的Facebook连接地址有www和我访问我的测试网站与非www，当我切换到www版本fb连接工作正常。

赞(0）回复(0）举报 2023-05-21

j0pj023g3#

您需要设置canvas post-authorize url，并确保基础canvas url是post-authorize url的前缀。

赞(0）回复(0）举报 2023-05-21