我已经制定了可在开发中使用的Passport Google Oauth策略。但是,当我在heroku中部署它时,它只是重定向到URL,而不是进入Google的同意屏幕。我在前端使用React,并将所有凭据和回调URL正确放置在Google开发人员控制台中。
这是Google Strategy的代码
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
,但没有任何登录。有人知道如何解决此问题吗?