facebook javascript sdk通过omniauth-facebook获得额外的权限

时间:2012-05-24 08:02:02

标签: javascript facebook permissions facebook-javascript-sdk omniauth

我正在使用fb js sdk在omniauth-facebook上工作。它现在非常好用,但我不知道为什么它不能请求额外的权限。我已经设置了我的omniauth.rb:omniauth-facebook的范围,但是当我点击登录时,我没有得到任何我想要用户请求的额外权限。我在互联网上寻找并发现我必须这样做:

FB.login(function(response) {
// handle the response
}, {scope: 'email,user_likes'});

但在我的情况下,我跟随客户端并提出这个问题:

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

  // Init the SDK upon load
  window.fbAsyncInit = function() {
    FB.init({
      appId      : 'app_id', // App ID
      channelUrl : '//'+window.location.hostname+'/channel', // Path to your Channel File
      status     : true, // check login status
      cookie     : true, // enable cookies to allow the server to access the session
  oauth      :true, //enable Oauth 2.0
      xfbml      : true  // parse XFBML
    });

    // listen for and handle auth.statusChange events
//
FB.Event.subscribe('auth.login', function(response) {
  if (response.authResponse) {
    window.location = '/auth/facebook/callback';
  }
}, {scope: 'email,user_likes'});  //i tried but its not working

    FB.Event.subscribe('auth.statusChange', function(response) {
      if (response.authResponse) {
        // user has auth'd your app and is logged into Facebook
        FB.api('/me', function(me){
          if (me.name) {
            document.getElementById('auth-displayname').innerHTML = me.name;
          }
        })
        document.getElementById('auth-loggedout').style.display = 'none';
        document.getElementById('auth-loggedin').style.display = 'block';
      } else {
        // user has not auth'd your app, or is not logged into Facebook
        document.getElementById('auth-loggedout').style.display = 'block';
        document.getElementById('auth-loggedin').style.display = 'none';
      }
    });

    // respond to clicks on the login and logout links
    document.getElementById('auth-loginlink').addEventListener('click', function(){
      FB.login();
    });


    document.getElementById('auth-logoutlink').addEventListener('click', function(){
      FB.logout();
    }); 
  } 

如果我使用facebook社交按钮并在html中添加范围,它可以工作,但这不是我想要的。这里的任何人都有教程或提示让我继续吗?

1 个答案:

答案 0 :(得分:0)

这个怎么样:

jQuery ->
  $('body').prepend('<div id="fb-root"></div>')

  $.ajax
    url: "#{window.location.protocol}//connect.facebook.net/en_US/all.js"
    dataType: 'script'
    cache: true


window.fbAsyncInit = ->
  FB.init(appId: '<%= ENV["FACEBOOK_KEY"] %>', cookie: true)

  $('#sign_in').click (e) ->
    e.preventDefault()
    FB.login (response) ->
      window.location = '/auth/facebook/callback' if response.authResponse
  , scope: "email, publish_stream"    

  $('#sign_out').click (e) ->
    FB.getLoginStatus (response) ->
      FB.logout() if response.authResponse
    true