google-api-nodejs-client 在使用令牌交换代码时抛出 invalid_request 错误

Question

我有一个使用 react-google-login 的简单客户端应用程序：

<GoogleLogin
        clientId={config.CLIENT_ID}
        scope={config.SCOPES.join(' ')}
        buttonText="Login With Google"
        onSuccess={response => onSignIn('google', response)}
        onFailure={this.failure.bind(this)}
        accessType="offline"
        responseType="code"
      />

它成功检索代码并将其发送到用NodeJS编写的后端服务器。

服务器端代码如下所示：

const { google } = require('googleapis');
const config = global.config;
const oauth2Client = new google.auth.OAuth2({
  clientId: config.google.CLIENT_ID,
  clientSecret: config.google.CLIENT_SECRET,
});

// code omitted for the sake of simplicity

var authCode = req.body.authCode; // the provided code by google

const { tokens } = await oauth2Client.getToken(authCode);
return tokens;

当我运行代码时，它会抛出错误：

{ error: 'invalid_request',
        error_description: 'Missing parameter: redirect_uri' } },
  code: '400' }

如果我将redirectUrl 添加到开发者控制台、客户端应用程序和服务器端应用程序，我将收到redirect_uri_mismatch 错误。

我有点卡在这里，在网上找不到任何有用的东西。

任何解决方法将不胜感激。

Answer 1

找到解决方案

基于this post 上的其中一个回复（令人惊讶的是，不是答案），

我需要做的就是在我的客户端 react-google-login 按钮和服务器上的 oauth2Client 配置中输入 postmessage 而不是实际 URL。

根本不需要开发者控制台上的redirect_uri。

<GoogleLogin
            clientId={config.CLIENT_ID}
            ****redirectUri="postmessage"****
            scope={config.SCOPES.join(' ')}
            buttonText="Login With Google"
            onSuccess={response => onSignIn('google', response)}
            onFailure={this.failure.bind(this)}
            accessType="offline"
            responseType="code"
          />

const oauth2Client = new google.auth.OAuth2({
  clientId: config.google.CLIENT_ID,
  clientSecret: config.google.CLIENT_SECRET,
  ****redirectUri: 'postmessage'****
});

确实解决了问题。 5个小时的工作，搜索和敲打我的头到桌子上。我想知道为什么 Google Developers 网站上没有明确的文档。或者可能有，但我找不到。