如何使用 nuxt/auth-next 与 oauth2 交换访问令牌的代码

Question

我正在使用

"@nuxtjs/auth-next": "5.0.0-1618898588.9655d0e"

进行身份验证，我想使用它来集成谷歌。 我在 nuxt.config.js 中设置了以下代码

google: {
  clientId: process.env.GOOGLE_CLIENT_ID_LATEST,
  redirectUri: 'http://localhost:3000/account/login',
  responseType: 'code',
  accessType: 'offline',
  grantType: 'authorization_code',
  codeChallengeMethod: 'S256'
}

在登录页面

loginWithGoogle() {
  this.$auth.loginWith('google')
}

在我点击使用谷歌登录后，谷歌发出请求并重定向到 redirectUri，查询附加为

http://localhost:3000/account/login?state=3OyMNy2ODj&code=4%2F0AY0e-g6YkRJFyVCVxo8Ph2-WXpTYjKbxyuAE3r6F1PB_pt8W9QlRgdtxpEeKxfzYvX6g&scope=email%20profile%20openid%20https%3A%2F%2Fwww.googleapis.com%2Fauth%2Fuserinfo.profile%20https%3A%2F%2Fwww.googleapis.com%2Fauth%2Fuserinfo.email&authuser=0&prompt=consent

现在我需要再次请求谷歌获取访问令牌，但我不知道该怎么做。

Answer 1

您需要使用访问令牌交换授权码。除了授权码，您还需要发送您的 oauth2 客户端密码和客户端 ID。

例子：

curl -d https://accounts.google.com/o/oauth2/token?client_id=<YOUR_CLIENT_ID>&client_secret=<YOUR_CLIENT_SECRET>&code=<AUTH_CODE_RECEIVED>A&grant_type=authorization_code&redirect_uri=http://localhost:3000/account/login

Answer 2

我知道这个问题已经发送了很长时间，但我遇到了这个问题，我花了很多时间来解决这个问题，这是我的解决方案

nuxt.config.js

auth: {
    strategies: {
      google: {
        clientId: '81409153991-q2fm4735fcqe7fdlldo1d05k6i69n61a.apps.googleusercontent.com',
        codeChallengeMethod: 'S256',
        responseType: 'code id_token token',
        redirectUri: 'http://localhost:3000/callback',
        endpoints: {
          authorization: 'https://accounts.google.com/o/oauth2/auth',
          token: 'https://oauth2.googleapis.com/token',
          userInfo: 'https://www.googleapis.com/oauth2/v3/userinfo',
          logout: 'https://accounts.google.com/logout'
        },
        scope: ['openid', 'profile', 'email']
      }
    },
    redirect: {
      login: '/login',
      logout: '/',
      callback: '/callback',
      home: '/'
    }
  }