使用Passport无法正常使用Facebook进行身份验证

Question

我正在尝试使用我的应用程序进行Facebook身份验证.但到目前为止,我的尝试都没有成功.我是Node的新手.

当用户单击该fb登录按钮时,该请求需要被带到/ auth/facebook路由,在那里它们将被传递到Passport策略.他们将被发送到Facebook进行身份验证.但它永远不会发生.Facebook认证窗口永远不会显示出来.看起来重定向不起作用.我做了几个小时的搜索,但没有得到解决方案.

以下是我认为对此上下文很重要的代码部分

我把我的App ID和App Secret放在config/auth.js中

module.exports = {

    'facebookAuth' : {
        'clientID'      : 'my-AppID-here', 
        'clientSecret'  : 'my-App-secret-here', 
        'callbackURL'   : 'http://localhost:8080/auth/facebook/callback'
    }
};

使用Facebook进行身份验证并处理回调的策略在config/passport.js中进行

    var LocalStrategy    = require('passport-local').Strategy;
    var FacebookStrategy = require('passport-facebook').Strategy;

    // load up the user model and auth variables
    var User       = require('../app/models/user');
    var configAuth = require('./auth');

    module.exports = function(passport) {

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

        passport.deserializeUser(function(id, done) {
            User.findById(id, function(err, user) {
                done(err, user);
            });
        });    

        // Facebook Strategy
        passport.use(new FacebookStrategy({

            // pull app id and secret from our auth.js file
            clientID        : configAuth.facebookAuth.clientID,
            clientSecret    : configAuth.facebookAuth.clientSecret,
            callbackURL     : configAuth.facebookAuth.callbackURL

        },

        // facebook will send back the token and profile
        function(token, refreshToken, profile, done) {

            process.nextTick(function() {

                // find the user in the database based on their facebook id
                User.findOne({ 'facebook.id' : profile.id }, function(err, user) {

                    if (err)
                        return done(err);

                    // if the user is found, then log them in
                    if (user) {
                        return done(null, user); 
                    } else {
                        // if there is no user found with that facebook id, create them
                        var newUser            = new User();

                        // set all of the facebook information in our user model
                        newUser.facebook.id    = profile.id; // set the users facebook id                   
                        newUser.facebook.token = token; // we will save the token that facebook provides to the user                    
                        newUser.facebook.name  = profile.name.givenName + ' ' + profile.name.familyName; // look at the passport user profile to see how names are returned
                        newUser.facebook.email = profile.emails[0].value; // facebook can return multiple emails so we'll take the first

                        // save our user to the database
                        newUser.save(function(err) {
                            if (err)
                                throw err;

                            // if successful, return the new user
                            return done(null, newUser);
                        });
                    }

                });
            });

        }));

    };

来自app/routes.js的相关路线

    module.exports = function(app, passport) {

        // route for facebook authentication and login
        app.get('/auth/facebook', passport.authenticate('facebook', { scope : 'email' }));

        // handle the callback after facebook has authenticated the user
        app.get('/auth/facebook/callback',
            passport.authenticate('facebook', {
                successRedirect : '/profile',
                failureRedirect : '/'
            }));

        // route for logging out
        app.get('/logout', function(req, res) {
            req.logout();
            res.redirect('/');
        });

    };

视图中的登录按钮代码

<a href="/auth/facebook" class="btn btn-primary"><span class="fa fa-facebook"></span> Facebook</a>

Answer 1

问题是我没有在 Facebook 应用程序设置中附加域名（在我的例子中是http://localhost:8080）。

进入基本选项卡下的设置页面

1. 点击“+添加平台”并选择“网站”
2. 在刚刚添加的网站出现的框中： 站点 URL：http://localhost:8080/
3. 在上面的框中（设置=>基本）：应用程序域：localhost
4. 点击右下角的“保存更改”

一旦我这样做了，我的问题就解决了。