Facebook JavaScript SDKを使ったログイン処理

今まで、Facebookアプリのユーザのログイン処理に「fb:login-button」と「FB.Event.subscribe("auth.login", function)」を使っていました。しかし、ユーザが既にログインしている場合には「subscribe」動いていないようでしたので、Facebook JavaScript SDKを使うように変更しました。

ログイン処理の例:

<!—
<fb:login-button perms="read-stream"></fb:login-button>
—>
<a id="fb_login_button">
  Login
</a>
<script type="text/javascript">
  FB.Event.subscribe("xfbml.render", function() {
    $("#fb_login_button").bind("click", function() {
      FB.login(function(response) {
        if (response.session) {
          // Write codes for a case that user logged in.
        } else {
        }
      }, {perms: "read_stream"});
    }).addClass("fb_button fb_button_medium")
    .find("span").addClass("fb_button_text")
    .parent().show();
  });
</script>

なお、上記コードを動かすにはFacebook JavaScript SDK以外にもjQueryも必要です。

この記事が役に立った場合、シェアしていただけると励みになります!!