heroku - 为什么 Passport Google 不在 heroku 中

Question

我制定了适用于开发的 Passport Google Oauth 策略。但是，当我在 heroku 中部署它时，它只是重定向到 URL，而不是转到 Google 的同意屏幕。我在前端使用 react 并已将所有凭据和回调 URL 正确放置在谷歌开发者控制台中。

这是谷歌策略的代码

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

passport.deserializeUser((id, done) => {
    User.findById(id).then(user => {
        done(null, user);
    });
});

passport.use(
    new GoogleStrategy(
        {
            // Options for Google Strategy
            callbackURL: '/auth/google/redirect',
            clientID: google.clientID,
            clientSecret: google.clientSecret,
            proxy: true
        },
        (accessToken, refreshToken, profile, done) => {
            // Passport callback for Google
            User.findOne({ googleID: profile.id }).then(user => {
                if (user) {
                    // User already exist
                    done(null, user);
                } else {
                    // Create a new user
                    const user = new User({
                        name: profile.displayName,
                        googleID: profile.id,
                        email: profile.emails[0].value,
                        avatar: profile.photos[0].value.substring(0, profile.photos[0].value.indexOf('?'))
                    });

                    user.save().then(newUser => {
                        done(null, newUser);
                    });
                }
            });
        }
    )
);

这是授权路线

// Route - /auth/google
// Authenticates the user with Google
router.get(
    '/google',
    passport.authenticate('google', {
        scope: [
            'https://www.googleapis.com/auth/userinfo.profile',
            'https://www.googleapis.com/auth/userinfo.email'
        ]
    }),
    (req, res) => {
        console.log('Auth Route');
    }
);

// Route - /auth/google/redirect
// Redirect after Google login
router.get('/google/redirect', passport.authenticate('google'), (req, res) => {
    res.redirect('/');
});

我正在使用这个链接标签来调用端点

<a href={GOOGLE_LOGIN}>
    <button className="btn btn--social btn--google">
        <img src={Google} alt="Google Logo" /> Sign In with Google
    </button>
</a>

GOOGLE_LOGIN 变量如下

const GOOGLE_LOGIN = process.env.NODE_ENV === 'production' ? '/auth/google' : 'http://localhost:5000/auth/google';

当我在开发中时，URL 会正确重定向到同意屏幕。但是，在部署到 heroku 之后，它只是重定向到https://<URL>/auth/google而不是进入同意屏幕。我试图console.log在端点但没有登录。有人知道如何解决这个问题吗？

标签： herokupassport.jspassport-google-oauth2