Chrome拡張機能によるjavascriptを使用したFacebookの認証

Question

ユーザーがFacebookにログオンしているときにクローム拡張機能を使用して簡単なアラートウィンドウを表示しようとしています。私はjavascript sdkコードを初期化していて、background.htmlページにログインステータスを取得するコードもあります。私のmanifest.jsonファイルはバックグラウンドページを正しく呼び出します。

background.htmlページにブレークポイントを配置できません。 。私はこれは私がjavascriptのFacebookのSDKを宣言し、ユーザーがログインしているかどうかをチェックするに取り掛かるべきかであるかどうかを知りたい

<div id="fb-root"></div> 

<script src="http://connect.facebook.net/en_US/all.js"></script> 

<script> 

window.fbAsyncInit = function() { 
    FB.init({ 
     appId : 'my App id (i have my app id)', 
     status : true, // check login status 
     cookie : true, // enable cookies to allow the server to access the session 
     xfbml : true // parse XFBML 
    }); 
    }; 

    (function() { 
    var e = document.createElement('script'); 
    e.async = true; 
    document.getElementById('fb-root').appendChild(e); 
    }()); 

FB.getLoginStatus(function(response) { 
    if (response.authResponse) { 
      alert("logged in");} 
    else { 
     // no user session available, someone you dont know                            
    } 
}); 

</script> 

Answer 1

あなたは、あなたのコード内の問題の多くを持って、最初にそれを修正して、説明することができます：

<div id="fb-root"></div> 
<script> 
    window.fbAsyncInit = function() { 
    FB.init({ 
     appId: 'your app id', 
     status: true, 
     cookie: true, 
     xfbml: true, 
     channelUrl : 'http://WWW.MYDOMAIN.COM/channel.html', 
     oauth : true 
    }); 

    FB.getLoginStatus(function(response) { 
     if (response.authResponse) { 
       alert("logged in");} 
     else { 
      // no user session available, someone you dont know                            
     } 
    }); 
    }; 
    (function() { 
    var e = document.createElement('script'); e.async = true; 
    e.src = document.location.protocol + 
     '//connect.facebook.net/en_US/all.js'; 
    document.getElementById('fb-root').appendChild(e); 
    }()); 
</script> 

今考慮すべきポイント：

1. がJavascript SDK documentation
2. がoauthフラグを使用して読みますOAuth 2.0
3. を有効にするには、あなたが
4. を入れて（私はここでは非同期にそれをロードしています）非同期ロードまたは標準的な方法ではなく、それらの両方を使用するか必要なすべてのあなたのFacebookがfbAsyncInit
5. に呼び出すチャンネルファイルを追加します
6. はTHER、これは背景ページに行われているので、あなたが背景ページがヘッドレスであるため、認証は別のページで行われていることを確認する必要があり、これらの記事にtwo

Answer 2

をoneを読みますeにはUIはありません。では、ユーザーはどのようにして承認をクリックしますか？

私はFacebook APIを知らないのですが、OAuth2なので、 "facebook_auth.html"と呼ばれる別のhtmlページを作成し、そこに認証コードを置きます。それが承認された後、ifaourが述べたものに従ってください。彼は彼が何をしているかを知っているようだ。あなたの背景ページは、その新しいタブ（chrome.tabs.create）を認証に開くだけです。

は、このチュートリアルを見て、とFacebookにそれを適用します。 http://code.google.com/chrome/extensions/tut_oauth.html