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

Question

I am working with OAuth Google API and I am getting the 401 Error: invalid_client . It is nothing to do with clientID or clientSecret code, because I'm sure that I copied the keys perfectly. I created again a new credential to make sure that it is not a problems of the Google API, but the error still exists. I also don't receive any error in the console when I am running the server. Could someone helps me, please?

It is what I receive from the browser:

 > 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.

This is part of my code:

 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'));

Thanks: :)

Answer 1

As i mentioned in my comment it looks to me that you are sending 'keys.googleClientID' which is not a valid key you need to send the value of the variable. 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

you should make sure to have Google+ API enabled and this Similar Fixes could help you whose information ranges from either acquiring new keys to setting The product name which can be set in the Consent screen section of the Google Developers Console for your project. Look under APIs & auth in the left navigation and select Consent screen. You need also to set your email address in the box above the product name. Setting EMAIL ADDRESS and PRODUCT NAME in the consent screen of Google developer console, also solves the error

and if you are using the config module that is const config = require("config"); const keys = config.get('keys'); const config = require("config"); const keys = config.get('keys'); could you try this by using a template string

passport.use( new GoogleStrategy( { clientID: ${keys.googleClientID}`,use backticks before $ and after closing }

      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);
    }
  )
);

that is backtick ${keys.googleClientID} backtick im saying backtick because stackoverflow would format the backtick (``)

or by using the actual variable 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); } ) ); plus you had also misspelled clientSecret in your code it is clienSecret