facebook Web javascript sdk 登陆获取个人信息
2016-11-16 17:16
701 查看
<!DOCTYPE html> <html> <head> <title>Facebook Login JavaScript Example</title> <meta charset="UTF-8"> </head> <body> <script> // This is called with the results from from FB.getLoginStatus(). function statusChangeCallback(response) { console.log('statusChangeCallback'); console.log(response); // The response object is returned with a status field that lets the // app know the current login status of the person. // Full docs on the response object can be found in the documentation // for FB.getLoginStatus(). if (response.status === 'connected') { // Logged into your app and Facebook. testAPI(); } else if (response.status === 'not_authorized') { // The person is logged into Facebook, but not your app. document.getElementById('status').innerHTML = 'Please log ' + 'into this app.'; } else { // The person is not logged into Facebook, so we're not sure if // they are logged into this app or not. document.getElementById('status').innerHTML = 'Please log ' + 'into Facebook.'; } } // This function is called when someone finishes with the Login // Button. See the onlogin handler attached to it in the sample // code below. function checkLoginState() { FB.getLoginStatus(function(response) { statusChangeCallback(response); }); } function login() { FB.login(function(response){ // Handle the response object, like in statusChangeCallback() in our demo // code. console.log(response) }); } window.fbAsyncInit = function() { FB.init({ appId : 'your addId', cookie : true, // enable cookies to allow the server to access // the session xfbml : true, // parse social plugins on this page version : 'v2.8' // use graph api version 2.8 }); // Now that we've initialized the JavaScript SDK, we call // FB.getLoginStatus(). This function gets the state of the // person visiting this page and can return one of three states to // the callback you provide. They can be: // // 1. Logged into your app ('connected') // 2. Logged into Facebook, but not your app ('not_authorized') // 3. Not logged into Facebook and can't tell if they are logged into // your app or not. // // These three cases are handled in the callback function. FB.getLoginStatus(function(response) { statusChangeCallback(response); }); }; // Load the SDK asynchronously (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')); // Here we run a very simple test of the Graph API after login is // successful. See statusChangeCallback() for when this call is made. function testAPI() { console.log('Welcome! Fetching your information.... '); FB.api('/me?metadata=1&fields=email,name', function(response) { console.log(response); console.log('Successful login for: ' + response.name); document.getElementById('status').innerHTML = 'Thanks for logging in, ' + response.name + '!'; }); } </script> <!-- Below we include the Login Button social plugin. This button uses the JavaScript SDK to present a graphical Login button that triggers the FB.login() function when clicked. --> <!-- <button onclick="login()">login</button> --> <fb:login-button scope="public_profile,email" data-auto-logout-link="true" onlogin="checkLoginState();" data-show-faces="true"> </fb:login-button> <!-- <div class="fb-login-button" data-max-rows="1" data-size="small" data-show-faces="true" data-auto-logout-link="true"></div>--> <div id="status"> </div> </body> </html>
获取个人信息的字段
FB.api('/me?metadata=1&fields=email,name', function(response) {
console.log(response);
console.log('Successful login for: ' + response.name);
document.getElementById('status').innerHTML =
'Thanks for logging in, ' + response.name + '!';
});要求使用
fields=email,name形式获取你要获取的字段(属性),
可以使用metadata=1查看所有的属性。
相关文章推荐
- 在delphi程序中实现QQ用户的Web登陆并获取个人信息
- 在delphi程序中实现QQ用户的Web登陆并获取个人信息
- 安卓sdk webview获取淘宝个人信息100项,源码。
- Android新浪微博登陆和获取个人信息
- Web网站中利用JavaScript中ActiveXObject对象获取硬件信息(显示器数量、分辨率)从而进行单双屏跳转
- web登陆及其获取文本框信息
- QQ授权登陆并获取qq个人信息
- JavaScript特效一(网页换肤、鼠标移到头像上获取个人信息getByClass)
- 新浪微博授权登陆获取个人信息
- 新浪微博授权登陆获取个人信息
- 新浪微博授权登陆获取个人信息
- android Facebook登陆获取用户信息
- 一步一步实现web程序信息管理系统之三----登陆业务逻辑实现(验证码功能+参数获取)
- Andriod中WebView加载登录界面获取Cookie信息并同步保存,使第二次不用登录也可查看个人信息。
- Andriod中WebView加载登录界面获取Cookie信息并同步保存,使第二次不用登录也可查看个人信息。
- 获取web页面大小、分辨率等信息(javascript)
- Andriod中WebView加载登录界面获取Cookie信息并同步保存,使第二次不用登录也可查看个人信息。
- 新浪微博授权登陆获取个人信息
- 用javascript获取屏幕高度和宽度等信息