12

使用 facebook-passport 时,通常要做的是redirect_uri在您使用的 FacebookStrategy thst 的构造函数中指定 ,如下所示:

passport.use("facebook", new FacebookStrategy({
    //TODO: Correctly configure me
    clientID: "XXXXXXX"
  , clientSecret: "XXXXXXXXX"
  , callbackURL: "http://localhost:3007/auth/facebook/callback"
  },
  function(accessToken,refreshToken,profile,done) {
    User.findByFacebookId(profile.id, function(err,user) {
      if(err){ return done(err);}
      if(!user){ return done(null,false)}
      return done(null, user);
    });
  })
);

然后你会设置这样的路线:

app.get('/auth/facebook/login', passport.authenticate('facebook') );
app.get('/auth/facebook/login_callback', passport.authenticate('facebook', {
    successRedirect:"/login_ok.html"
  , failureRedirect:"/login_failed.html"
  }
))

是否可以更改回调 url,使其包含传递给初始登录调用的参数的信息?

注意:这个问题更多是为了保存我花了一段时间才解决的信息,以避免其他人走上同样的道路。

4

3 回答 3

33

我使用这里找到的一些信息找到了答案https://github.com/jaredhanson/passport-facebook/issues/2并通过挖掘护照 oauth2 组件确定回调 uris 的方式,以及底部的护照自定义回调的信息此页面http://passportjs.org/guide/authenticate/

这是一个将调用映射/auth/facebook/login/1234到使用回调的示例/auth/facebook/login_callback/1234

app.get('/auth/facebook/login/:id', function(req,res,next) {
  passport.authenticate(
    'facebook', 
     {callbackURL: '/auth/facebook/login_callback/'+req.params.id }
  )(req,res,next);
});

app.get('/auth/facebook/login_callback/:id', function(req,res,next) {
  passport.authenticate(
    'facebook',
     {
       callbackURL:"/auth/facebook/login_callback/"+req.params.id
     , successRedirect:"/login_ok.html"
     , failureRedirect:"/login_failed.html"
     }
   ) (req,res,next);
 });
于 2013-03-20T01:08:10.837 回答
6

@OMGPOP,在这里您可以将查询参数传递到您的 callbackUrl 中。

var Passport = require('passport');
var FacebookStrategy = require('passport-facebook').Strategy;
const Router = require("express").Router();
var fbConfig = {
  display: "popup",
  clientID: "YourFbClientId",
  clientSecret: "YourFbClientSecret",
  callbackURL: "http://localhost:8686/auth/facebook/callback",
  profileFields: ['id', 'name', 'gender', 'displayName', 'photos', 'profileUrl', 'email']
}

Passport.use(new FacebookStrategy(fbConfig,
  function(accessToken, refreshToken, profile, callback) {
    return callback(null, accessToken);
  }
));

Router.get("/auth/facebook", function(req, res, next) {
  var callbackURL = fbConfig.callbackURL + "?queryParams=" + req.query.queryParams;
  Passport.authenticate("facebook", { scope : ["email"], callbackURL: callbackURL })(req, res, next);
});

Router.get("/auth/facebook/callback", function(req, res, next) {
  Passport.authenticate("facebook", {
    callbackURL: fbConfig.callbackURL + "?queryParams=" + req.query.queryParams,
    failureRedirect: "/login",
    session: false
  })(req, res, next) },
  function(req, res) {
  console.log(req.query.queryParams);
  //do whatever you want
});

查看我的博客了解更多信息:http ://blog.pingzhang.io/javascript/2016/09/22/passport-facebook/

于 2016-09-23T13:06:00.893 回答
0

我一直在努力专门使用 Angularjs 来做这件事,并且想重定向回启动登录的相同 url。

我的解决方案是在 Angularjs 中创建一个只实现一个位置的路由。我知道这并没有具体回答这个问题,但我认为这对任何想要这样做的人都有帮助。

在服务器上:

app.get('/auth/facebook/', passport.authenticate ('facebook'));

app.get('/auth/facebook/callback', function (req, res, next) {
    var authenticator = passport.authenticate ('facebook', {
            successRedirect: '/fbcallback',
            failureRedirect: '/'
    });

    delete req.session.returnTo;
    authenticator (req, res, next);
})

角路由器:

when('/fbcallback', {
    template: "",
    controller: 'fbCtrl' 
}).

角度控制器:

app.controller("fbCtrl", function () {
    window.history.back();
});

您也可以在控制器中执行其他一些客户端路由。

于 2017-05-14T01:07:03.063 回答