12

facebook-passportを使用する場合、通常行うことは、redirect_uri使用するFacebookStrategyのコンストラクターで次のように指定することです。

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);
})

Angularルーター：

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

角度コントローラー：

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

おそらく、コントローラーで他のクライアント側ルーティングを行うこともできます。

于 2017-05-14T01:07:03.063 に答える