Next.js应用中使用Passport.js集成Facebook登录失败求助

以下是针对这类问题的高频排查点，按优先级检查：

• 回调URL严格匹配
  Meta后台「Valid OAuth Redirect URIs」必须和Passport配置的callbackURL完全一致，包括协议（http/https）、域名、端口、完整路径，不能有任何拼写或格式差异。比如后台配置http://localhost:3000/auth/facebook/callback，代码里就不能少写末尾的/callback。

• App凭证正确性
  核对Passport Facebook策略中clientID、clientSecret与Meta后台的「App ID」「App Secret」是否完全一致，注意不要包含空格或复制时漏字符，尤其是Secret这类长字符串。

• 应用状态与权限

  • 若应用处于「开发模式」，只有添加到Meta后台「测试用户」列表的账号才能登录；上线前需切换为「Live」状态。
  • 确认Passport策略中请求的scope权限（如email、public_profile）已在Meta后台的权限设置中启用。

• 代码配置细节校验
  确保策略初始化与路由设置逻辑正确，示例参考：

  const FacebookStrategy = require('passport-facebook').Strategy;
  
  passport.use(new FacebookStrategy({
      clientID: process.env.FACEBOOK_APP_ID,
      clientSecret: process.env.FACEBOOK_APP_SECRET,
      callbackURL: "http://localhost:3000/auth/facebook/callback",
      profileFields: ['id', 'displayName', 'email'] // 按需指定需要获取的用户字段
    },
    function(accessToken, refreshToken, profile, done) {
      // 此处处理用户逻辑：如查询数据库是否存在该用户，不存在则创建
      return done(null, profile);
    }
  ));
  
  // 对应路由配置
  app.get('/auth/facebook', passport.authenticate('facebook', { scope: ['email'] }));
  app.get('/auth/facebook/callback', 
    passport.authenticate('facebook', { failureRedirect: '/login' }),
    (req, res) => {
      res.redirect('/dashboard'); // 登录成功后的跳转路径
    }
  );
  

• HTTPS协议要求
  线上环境必须使用HTTPS；本地开发可通过ngrok生成HTTPS代理地址，或在Meta后台开启「localhost例外」（仅用于开发阶段）。

如果以上排查后仍未解决，建议补充控制台的具体错误日志、Passport回调的错误信息，以便进一步定位问题。

内容的提问来源于stack exchange，提问作者k.ashok sagar