ログインし、エラーがログインした後に発生し、得られた基本的な権限

Question

エラーのためにできるアプリはエラーが発生している、私は新しいFacebookアプリを作成し、APPのIDを行く

後ほど再度お試しください。私はその後、以下のコードfrom

<div id="fb-root"></div> 
    <script> 
    window.fbAsyncInit = function() { 
     FB.init({ 
     appId  : 'YOUR_APP_ID', 
     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">Login with Facebook</div> 

を使用IはJavascript/HTMLガジェットを使用して私のブログにこのコードを入力すると、すべてがまで正常に動作しますmy blog

として blogspot.in としてドメイン名を入力し、URLをリダイレクトログインしてアプリを許可した後、エラーが表示されます。

ホストファイルの127.0.0.1をlocal.localhostに変更することでlocalhostを使用してみましたが、同じエラーが発生しています。私は多くのstackoverflowのポストを通過し、何も助けなかった。

私の質問は次のとおりです。

• 我々は、ブロガー
• もしそうならでのFacebookを利用していただきました問題とどのようにそれを修正するにはログインに使用できますか？

インプ：あなたは私のブログに行くことによって、エラーを表示することができ、右側にあなたは（何も私はテストのためにそれを使用しています、ログインすることで起こりません心配しないでください）Facebookのオプションを使用してログインする見ることができます

Answer 1

Facebookのボタンは、ユーザーがFacebook経由でログインできるようにする方法を提供します。このようにして、ユーザーはあなたのウェブサイトへのアクセスを許可し、アクセスが完了すると、Facebookはあなたにユーザーデータを送信します。そのようなデータを処理、承認、自動ログイン、自動サインアップのユーザーに使用する必要があります。それは直接行うことはできませんが、あなたのウェブサイトやブログのウェブサイトで内部的に追加の手順が必要でした。

facebookログインボタンを使用して、あなたのウェブサイトにfacebookログイン/自動サインアッププロセスを実装する際に、以下のアプローチに従ってください。

i：ページスクリプト。

<script> 
    window.fbAsyncInit = function() { 
     FB.init({ appId: 'appid', status: true, cookie: true, 
      xfbml: true 
     }); 
    }; 
    (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); 
    }()); 

II：リンクを作成し、ログインボタンをクリックしを使用している場合、Facebookの機能を呼び出します。例えば

<a rel="nofollow" href="javascript:void(0);" onclick="fb_login();">login to facebook</a> 

III：//

function fb_login() { 
FB.login(function (response) { 
    if (response.authResponse) { 
     // user authorized 
     Process_Login(u, redirect); 
    } else { 
     console.log('User cancelled login or did not fully authorize.'); 
    } 
    }, { scope: 'email,user_birthday,user_hometown,publish_stream' }); 
} 

fb_login（）関数を作成するには、この機能は、認可、自動ログイン、自動登録の目的のために、AJAXを経由してあなたのウェブサイトへのFacebookから取得したデータを送信する責任があります。

function Process_Login() { 
FB.api('/me', function (response) { 
    var fb_data = "uid=" + response.id + "&fn=" + response.first_name + "&ln=" + response.last_name + "&gn=" + response.gender + "&bt=" + response.birthday + "&eml=" + response.email; 
    if (response.hometown != undefined) 
     fb_data = fb_data + "&loc=" + response.hometown.name; 
    if (response.username != undefined) 
     fb_data = fb_data + "&uname=" + response.username; 
    $.ajax({ 
     type: 'GET', 
     url: u + "handlers/signup.ashx", 
     data: fb_data, 
     success: function (msg) { 
      // login process completed 
      // redirect user to final page. 
     } 
    }); 
    }); 
}