ウェブサイトにFacebookログインを追加する正当な方法

Question

私のウェブサイトにFacebookのログイン情報を追加したいのですが、私のスクリプトはうまくいきますが、この方法が正しいかどうかわかりません。 。私にはほとんど質問がありません。

スクリプト：

function statusChangeCallback(response) 
    { 
    if (response.status === 'connected') { 
     testAPI(); 
    } else if (response.status === 'not_authorized') { 
     console.log('still not authorized!'); 
    } else { 
     console.log("not connected, not logged into facebook, we don't know"); 
    } 
    } 

    window.fbAsyncInit = function() { 
    FB.init({ 
     appId  : 'APP_ID', 
     cookie  : true, 
     xfbml  : true, 
     version : 'v2.8' 
    }); 
    checkLoginState(); 
    FB.AppEvents.logPageView(); 
    }; 

    (function(d, s, id){ 
    var js, fjs = d.getElementsByTagName(s)[0]; 
    if (d.getElementById(id)) {return;} 
    js = d.createElement(s); js.id = id; 
    js.src = "//connect.facebook.net/en_US/sdk.js"; 
    fjs.parentNode.insertBefore(js, fjs); 
    }(document, 'script', 'facebook-jssdk')); 

    function checkLoginState() { 
     FB.getLoginStatus(function(response) { 
     statusChangeCallback(response); 
    }); 
    } 

    function testAPI() { 
    console.log('Welcome! Fetching your information.... '); 
    FB.api('/me', { fields: 'name,email,gender' }, function(response) { 
     console.log('Successful login for: ' + response.name); 
     document.getElementById('status').innerHTML = 
     'Thanks for logging in, ' + response.name + '!'; 
     window.location.replace('http://www.example.com'); 
    }); 
    } 

ボタンの表示：ログイン成功後

<div class="fb-login-button" data-onlogin="checkLoginState()" data-max-rows="1" data-size="medium" data-button-type="login_with" data-show-faces="false" data-auto-logout-link="false" data-login-text="Sign in with Facebook"></div> 

1. は、私は、電子メールのIDを渡すことで、メンバー-only.phpにリダイレクトします。上記のスクリプトでは、私はwindow.location.replace（ 'http://www.example.com'）と書いています。 example.comの代わりに、私は私のPHPファイル名を与えることができますか？

2. appIdはすべての人が見ることができますが、それは問題ありませんか？それとも秘密にしておく必要がありますか？

3. ユーザーが初めて訪れる場合は、データベースに登録する必要がありますか？ 2回目から、そのユーザーをどのように識別できますか？

ありがとうございます。

Answer 1

1. window.location.replace('http://www.example.com/members-only.php');
2. App IDを公開しても問題ありません。アクセストークンとApp Secretには注意してください。彼らは一般公開されることはありません。
3. ユーザーを識別するために必要なのはIDだけです。残りはキャッシュしたい場合は、あなた次第です。