Skip to content

Instantly share code, notes, and snippets.

@masakielastic

masakielastic/index.html

Created August 1, 2015 09:43
Show Gist options
  • Save masakielastic/eac70f739c471f8e0506 to your computer and use it in GitHub Desktop.
Save masakielastic/eac70f739c471f8e0506 to your computer and use it in GitHub Desktop.
Download ZIP
Facebook JavaScript SDK でメールアドレスを取得。 FB.api で fields を指定する。
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<title>Facebook のログインサンプル (JavaScript)</title>
<meta charset="UTF-8">
</head>
<body>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : 'XXXXXXXXXXXX',
cookie : true,
xfbml : true,
version : 'v2.4'
});
FB.getLoginStatus(function(response) {
statusChangeCallback(response);
});
};
function statusChangeCallback(response) {
if (response.status === 'connected') {
FB.api('/me', { locale: 'ja_JP', fields: 'name, email' }, function(response) {
document.getElementById('status').innerHTML =
response.name + 'さんはログインしています。';
console.log(response);
});
} else if (response.status === 'not_authorized') {
document.getElementById('status').innerHTML = 'このアプリにログインしてください。';
} else {
document.getElementById('status').innerHTML = 'Facebook にログインしてください。';
}
}
function checkLoginState() {
FB.getLoginStatus(function(response) {
statusChangeCallback(response);
});
}
(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/ja_JP/sdk.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<fb:login-button scope="public_profile,email" onlogin="checkLoginState();">
</fb:login-button>
<div id="status">
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment