javascript - NodeJS 护照 Facebook OAuth

Question

我参加 NodeJS 类(class)和观看教程有一段时间了，并决定在应用中充分利用它们。

对于这个项目，我需要用户注册和登录，以便将他们的事件存储在数据库中。这个过程我是用Passport做的，这部分项目的代码是这样的:

/****** Passport functions ******/
passport.serializeUser(function (user, done) {
    done(null, user.id);
});

passport.deserializeUser(function (id, done) {
    db.user.findOne( { where : { idUser : id } }).then(function (err, user) {
        done(err, user);
    });
});

//Facebook
passport.use(new FacebookStrategy({
    //Information stored on config/auth.js
    clientID: configAuth.facebookAuth.clientID,
    clientSecret: configAuth.facebookAuth.clientSecret,
    callbackURL: configAuth.facebookAuth.callbackURL,
    profileFields: ['id', 'emails', 'displayName', 'name', 'gender'] 

}, function (accessToken, refreshToken, profile, done) {
    //Using next tick to take advantage of async properties
    process.nextTick(function () {
        db.user.findOne( { where : { idUser : profile.id } }).then(function (err, user) {
            if(err) {
                return done(err);
            } 
            if(user) {
                return done(null, user);
            } else {
                db.user.create({
                    idUser : profile.id,
                    token : accessToken,
                    nameUser : profile.displayName,
                    email : profile.emails[0].value,
                    sex : profile.gender
                });
                return done(null);
            }
        });
    });
}));

app.use(express.static(__dirname + '/public/'));

/* FACEBOOK STRATEGY */
// Redirect the user to Facebook for authentication.  When complete,
// Facebook will redirect the user back to the application at
//     /auth/facebook/callback//
app.get('/auth/facebook', passport.authenticate('facebook', { scope : ['email']}));
/* FACEBOOK STRATEGY */
// Facebook will redirect the user to this URL after approval.  Finish the
// authentication process by attempting to obtain an access token.  If
// access was granted, the user will be logged in.  Otherwise,
// authentication has failed.
app.get('/auth/facebook/callback', 
    passport.authenticate('facebook', { successRedirect: '/app',
                                      failureRedirect: '/' }));

app.get('/', function (req, res) {
    res.render('/');
});

app.get('/app', isLoggedIn, function (req, res) {
    res.sendFile('app.html');
});

function isLoggedIn(req, res, next) {
    if(req.isAuthenticated()) {
        return next();
    } else {
        res.redirect('/');
    }
}

我在使用 Passport 的 Facebook Auth 上遵循的教程使用了几乎相同的代码，我更改了用户模型，因为该教程使用了 Mongoose 而我正在使用 Sequelize但这方面效果很好，当我点击注册 FB 时，它会注册或登录，查询会完成工作。

但是，不起作用的是重定向。当我使用 facebook 注册时，它卡住了并且不加载任何内容(滚轮在 index.html(FB 按钮所在的位置)上不断旋转并且不加载任何内容)。当我使用 facebook 登录时，它只在屏幕上显示:

[object SequelizeInstance:user]

在教程中，讲师使用 EJS 作为模板语言，但是我已经使用 HTML、CSS 和 jQuery(是的，应该使用 React 或 Angular 但时间敏感并且是已经在学习 Node)。我相信这是发生这种情况的原因之一，但我不能 100% 确定这里发生了什么，为什么我会收到错误或如何解决。

感谢任何帮助，如果需要更多信息/代码，请告诉我。谢谢

Answer 1

所以经过大量的调试和一些很好的帮助之后，我找出了导致我的问题的原因，实际上那里有三个错误。

首先，在 Facebook 战略中，我应该这样构建它:

passport.use(new FacebookStrategy({
    //Information stored on config/auth.js
    clientID: configAuth.facebookAuth.clientID,
    clientSecret: configAuth.facebookAuth.clientSecret,
    callbackURL: configAuth.facebookAuth.callbackURL,
    profileFields: ['id', 'emails', 'displayName', 'name', 'gender'] 

}, function (accessToken, refreshToken, profile, done) {
    //Using next tick to take advantage of async properties
    process.nextTick(function () {
        db.user.findOne( { where : { idUser : profile.id } }).then(function (user, err) {
            if(err) {
                return done(err);
            } 
            if(user) {
                return done(null, user);
            } else {
                //Create the user
                db.user.create({
                    idUser : profile.id,
                    token : accessToken,
                    nameUser : profile.displayName,
                    email : profile.emails[0].value,
                    sex : profile.gender
                });

                //Find the user (therefore checking if it was indeed created) and return it
                db.user.findOne( { where : { idUser : profile.id } }).then(function (user, err) {
                    if(user) {
                        return done(null, user);
                    } else {
                        return done(err);
                    }
                });
            }
        });
    });
})); 

db.user.findOne 切换参数后的回调，所以它每次都给我一个错误，即使它没有一个，所以我切换了那些并且还添加了一个查询来在数据库中查找用户在创建它之后能够返回它。

在第二条 facebook 路线上，我是这样构建它的:

app.get('/auth/facebook/callback',
    passport.authenticate('facebook', { failureRedirect: '/' }),
    function(req, res) {
        // Successful authentication, redirect home.
        res.redirect('../../app.html');
    });

这让我可以继续使用 HTML(以后我可能会重写它以使用更好的 View )，并且在测试中，我能够从 req.user 获取信息。

最后，我在 Passport 的 serializeUser 上有一个小的命名错误:

passport.serializeUser(function (user, done) {
    done(null, user.idUser);
});

只是将 user.id 更改为 user.idUser 以保持我使用的命名约定。

希望这可以帮助其他人使用 Sequelize with Passport。