欢迎光临景诺科技软件开发淘宝店

进店请收藏,谢谢

facebook登录(js sdk)

<html>
<head></head>
<body>
<script>
  window.fbAsyncInit = function() {
    // init the FB JS SDK
    FB.init({
      appId      : '640392092669732',                        // App ID from the app dashboard
      status     : true,                                 // Check Facebook Login status
      xfbml      : true                                  // Look for social plugins on the page
    });
 FB.Event.subscribe('auth.authResponseChange', function(response) {
    // Here we specify what we do with the response anytime this event occurs. 
    if (response.status === 'connected') {
      // The response object is returned with a status field that lets the app know the current
      // login status of the person. In this case, we're handling the situation where they 
      // have logged in to the app.
     // testAPI();
	 alert('已经登录了。请跳转')
    } else if (response.status === 'not_authorized') {//登录了facebook没有登录我们的应用
      // In this case, the person is logged into Facebook, but not into the app, so we call
      // FB.login() to prompt them to do so. 
      // In real-life usage, you wouldn't want to immediately prompt someone to login 
      // like this, for two reasons:
      // (1) JavaScript created popup windows are blocked by most browsers unless they 
      // result from direct interaction from people using the app (such as a mouse click)
      // (2) it is a bad experience to be continually prompted to login upon page load.
      FB.login();
    } else {
      // In this case, the person is not logged into Facebook, so we call the login() 
      // function to prompt them to do so. Note that at this stage there is no indication
      // of whether they are logged into the app. If they aren't then they'll see the Login
      // dialog right after they log in to Facebook. 
      // The same caveats as above apply to the FB.login() call here.
      FB.login();
    }
  });
  };
  // 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/all.js";
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));
</script>



<div class="fb-login-button" data-show-faces="false">Login with Facebook</div>




</body>
</html>

各按钮样式大小:

<h1>Defaults</h1>
<fb:login-button onlogin="require('./log').info('onlogin callback')">
</fb:login-button>

<h1>autologoutlink</h1>
<fb:login-button autologoutlink="true"
                 onlogin="require('./log').info('onlogin callback')">
</fb:login-button>

<h1>Small with Custom Text</h1>
<fb:login-button size="small"
                 onlogin="require('./log').info('onlogin callback')">
  Connect
</fb:login-button>

<h1>Medium with Custom Text</h1>
<fb:login-button size="medium"
                 onlogin="require('./log').info('onlogin callback')">
  Connect with Facebook
</fb:login-button>

<h1>Large with Custom Text</h1>
<fb:login-button size="large"
                 onlogin="require('./log').info('onlogin callback')">
  Login with Facebook
</fb:login-button>

<h1>Extra Large with Custom Text</h1>
<fb:login-button size="xlarge"
                 onlogin="require('./log').info('onlogin callback')">
  Find Friends
</fb:login-button>

<h1>Favicon Only</h1>
<fb:login-button size="icon"
                 onlogin="require('./log').info('onlogin callback')">
</fb:login-button>

facebooklogin

自定义图片样式:

<a href="#" onclick="fb_login();"><img src="images/fb_login_awesome.jpg" border="0" alt=""></a>

上面的 fb_login()是调用 FB.login();即可。

之前做的是php sdk 版本: http://shanmao.me/webback/php/facebook-deng-lu-chu-li-php-sdk

更多

本文固定链接: http://shanmao.me/web/facebook-deng-lu-js-sdk | 山猫的博客

该日志由 admin 于2014年01月02日发表在 HTML5, 网页前端 分类下, 你可以发表评论,并在保留原文地址及作者的情况下引用到你的网站或博客。
原创文章转载请注明: facebook登录(js sdk) | 山猫的博客
关键字: , , , ,
【上一篇】
【下一篇】