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网站上没有明确的文档。或者也许有，我无法找到它们。

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

1 个答案: