如何修复 Google OAuth 401 错误无效客户端？

Question

我正在使用 OAuth Google API，我得到了401 Error: invalid_client。 这与 clientID 或 clientSecret 代码无关，因为我确信我完美地复制了密钥。我再次创建了一个新凭据以确保它不是 Google API 的问题，但错误仍然存​​在。当我运行服务器时，我也没有在控制台中收到任何错误。有人可以帮帮我吗？

这是我从浏览器收到的：

>      401. That’s an error.
>         
>         Error: invalid_client
>         
>         The OAuth client was not found.
>         
>         Request Details
>         response_type=code
>         redirect_uri=http://localhost:5000/auth/google/callback
>         scope=profile email
>         client_id=keys.googleClientID
>         That’s all we know.

这是我的代码的一部分：

 passport.use(
      new GoogleStrategy(
        {
          clientID: 'keys.googleClientID',
          clienSecret: 'keys.googleClientSecret',
          callbackURL: '/auth/google/callback'
        },
        (accessToken, refreshToken, profile, done) => {
          console.log('access token', accessToken);
          console.log('refresh token', refreshToken);
          console.log('profile', profile);
        }
      )
    );

  app.get(
    '/auth/google',
    passport.authenticate('google',{
      scope: ['profile', 'email']
    })
  );
  app.get('/auth/google/callback', passport.authenticate('google'));

谢谢！ :)

Answer 1

正如我在评论中提到的，在我看来，您正在发送“keys.googleClientID”，这不是您需要发送变量值的有效密钥。 keys.googleClientID

 passport.use(
      new GoogleStrategy(
        {
          clientID: keys.googleClientID,
          clientSecret: keys.googleClientSecret,
          callbackURL: '/auth/google/callback'
        },
        (accessToken, refreshToken, profile, done) => {
          console.log('access token', accessToken);
          console.log('refresh token', refreshToken);
          console.log('profile', profile);
        }
      )
    );

Answer 2

您应该确保已启用 Google+ API，并且此 Similar Fixes 可以帮助您，其信息范围从获取新密钥到设置产品名称，可以在 Google Developers Console 的同意屏幕部分为您的项目设置.在左侧导航中的 APIs & auth 下查看并选择同意屏幕。您还需要在产品名称上方的框中设置您的电子邮件地址。 在 Google 开发者控制台的同意屏幕中设置 EMAIL ADDRESS 和 PRODUCT NAME，也可以解决错误

如果您使用的是配置模块 那是 const config = require("config"); const keys = config.get('keys'); 你能用模板字符串试试这个吗

passport.use( new GoogleStrategy( { clientID:${keys.googleClientID}`，在 $ 之前和之后使用反引号 }

      clientSecret: `${keys.googleClientSecret}`, //do like this for the above clientID 
      callbackURL: '/auth/google/callback'
    },
    (accessToken, refreshToken, profile, done) => {
      console.log('access token', accessToken);
      console.log('refresh token', refreshToken);
      console.log('profile', profile);
    }
  )
);

那是 backtick ${keys.googleClientID} 反引号 我说反引号是因为 stackoverflow 会格式化反引号 (``)

或使用实际变量 passport.use( new GoogleStrategy( { clientID: keys.googleClientID, clientSecret: keys.googleClientSecret, callbackURL: '/auth/google/callback' }, (accessToken, refreshToken, profile, done) => { console.log('access token', accessToken); console.log('refresh token', refreshToken); console.log('profile', profile); } ) ); 另外，您在代码中还拼错了 clientSecret，它是 clienSecret