NodeJS 护照 Facebook OAuth

Question

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

对于这个项目，我需要用户注册并登录，以便将他们的 activity 存储在数据库中。这个过程我是用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切换参数后的回调，所以它每次都给我一个错误，即使它没有一个，所以我切换了那些并且还添加了一个查询来寻找用户创建后的数据库能够 return 它。

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

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

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

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

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

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

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

NodeJS 护照 Facebook OAuth

NodeJS Passport Facebook OAuth

html

javascript

node.js

facebook-oauth

sequelize.js