Question

我一直在NodeJS上学习课程并观看教程，并决定在应用程序中充分利用它们。

对于这个项目，我需要用户注册并登录才能将他们的活动存储在数据库中。我使用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('/');
    }
}

我在Facebook Auth上使用Passport使用的教程使用了几乎相同的代码，我改变了用户模型，因为教程使用的是Mongoose，我使用的是Sequelize，但这方面工作得很好，当我点击注册FB，它注册我或登录，查询完成工作。

然而，重要的是什么不起作用。当我使用facebook进行注册时，它会卡住并且不会加载任何东西（轮子在index.html（FB按钮所在的位置）保持旋转并且不会加载任何东西）。当我使用Facebook登录时，它只在屏幕上显示：

[object SequelizeInstance：user]

在教程中，讲师使用EJS作为模板语言，但是我已经使用HTML，CSS和jQuery构建了项目前端的95％（是的，应该使用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（我可能会重写它以便稍后使用更好的视图），并且在测试时，我能够从req.user获取信息。

最后，我在Passport的serializeUser：

上有一个小的命名错误

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

只需从user.id更改为user.idUser即可维护我使用的命名约定。

希望这有助于其他人使用Sequelize和Passport。

NodeJS Passport Facebook OAuth

1 个答案: