這個簡單的Facebook Javascript SDK代碼爲什麼會一直失敗？

我試圖從文檔中使用一些代碼，但它一直給我一個錯誤：An error occurred. Please try again later.我的代碼有什麼問題？這個簡單的Facebook Javascript SDK代碼爲什麼會一直失敗？

相關HTML：

<html> 
    <head> 
     <title>My Facebook Login Page</title> 
    </head> 
    <body> 
     <div id="fb-root"></div> 
     <script> 
     window.fbAsyncInit = function() { 
      FB.init({ 
      appId  : 'YOUR_APP_ID', //I changed this 
      status  : true, 
      cookie  : true, 
      xfbml  : true, 
      oauth  : 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" data-scope="email,user_checkins"> 
     Login with Facebook 
     </div> 
    </body> 
</html>

來源

2012-02-07 pal4life

我覺得每當我遇到了這個問題，是因爲我在我的應用程序ID是有效的域名之外測試它。 – 2012-02-07 16:25:00

恰恰Mikey多數民衆贊成在答案，剛剛意識到這一點，並找到了你的評論。請添加您的評論作爲答案。 – pal4life 2012-02-07 16:36:00

@ pal4life我請你檢查我的答案，讓我解決你的問題 – 2012-02-07 18:17:49

我覺得每當我遇到了這個問題，是因爲我在我的應用程序ID是有效的域名之外測試它。

來源

2012-02-07 18:03:09

下面是你的問題一步步解決:)
當我想你的代碼是不工作，因爲你無法使用JavaScript正確

可以在4個步驟解決您的問題

步驟1

使用link創建一個新的Facebook應用程序，並注意它小號應用ID/API密鑰

步驟2

使用您在步驟1

注意你的App ID/API密鑰下面的代碼將加載並初始化JavaScript的包含所有常見選項的SDK。使用適當的值替換YOUR_APP_ID和WWW.YOUR_DOMAIN.COM。放置此代碼的最佳位置是在開始<body>標記之後。

<div id="fb-root"></div> 
<script> 
    window.fbAsyncInit = function() { 
FB.init({ 
    appId  : 'YOUR_APP_ID', // App ID 
    channelUrl : '//WWW.YOUR_DOMAIN.COM/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 
    oauth  : true, 
}); 

// Additional initialization code here 
    }; 

    // Load the SDK Asynchronously 
    (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>

步驟3

與下面的代碼

<?php 
    $cache_expire = 60*60*24*365; 
    header("Pragma: public"); 
    header("Cache-Control: max-age=".$cache_expire); 
    header('Expires: ' . gmdate('D, d M Y H:i:s', time()+$cache_expire) . ' GMT'); 
    ?> 
    <script src="//connect.facebook.net/en_US/all.js"></script>

步驟4
創建channel.html文件添加XML命名空間到你的文檔的<html>標籤。這是XFBML在早期版本的Internet Explorer中工作所必需的。

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

你可以閱讀所有細節，其中幾乎所有的信息都得到下面的上面是鏈接

here you can get javascript, channel file details and other details

謝謝...

來源

2012-02-07 18:15:33

這個簡單的Facebook Javascript SDK代碼爲什麼會一直失敗？

回答

相關問題