使用节点js的googleoauth2

Question

我有一个Vuejs应用程序，我试图添加谷歌认证。我使用这个插件https://www.npmjs.com/package/vue-google-oauth2在前端生成授权代码，然后将其发送到我的后端，以便它可以获得用户凭据。

以下是前端的代码：

<script>
import axios from "axios";
export default {
  methods: {
    googleAuth() {
      this.$gAuth
        .getAuthCode()
        .then(authCode => {
          //on success
          axios.post('my-back-end', {code:authCode, redirect_uri: 'postmessage'}).then(res=>{
              console.log(res);
          });
        })
        .catch(error => {
          //on fail do something
        });
    }
  }
};
</script>

在此之前，我成功地获取了授权代码，并将其发送到使用node编写的后端。js基于官方谷歌文档。https://github.com/googleapis/google-api-nodejs-client#oauth2-客户

我有这条路线：

router.post('/google', googleController.getGoogleAccountFromCode);

该控制器：

const {google} = require('googleapis');

const oauth2Client = new google.auth.OAuth2(
    process.env.GOOGLE_CLIENT_ID,
    process.env.GOOGLE_CLIENT_SECRET,
    process.env.GOOGLE_REDIRECT_URL
);

exports.getGoogleAccountFromCode = (req, res, next) => {
   const code = req.body.code;
   const data = oauth2Client.getToken(code)
    .then(res => {
        console.log(res);
    })
    .catch(err=>{
        console.log(err);
    });
};

我得到这个错误：

{错误：进程中Gaxios.request（/home/monkeydkon/Desktop/tabata rest/node_modules/Gaxios/build/src/Gaxios.js:70:23）处的_请求无效。_tickCallback（internal/process/next_tick.js:68:7）响应：{config:{method:'POST'，url:'https://oauth2.googleapis.com/token，数据：'code=4/lggdaumbzrceo1grav2csrbqkmoqfm7ikhbup3tjvf2nsp2nbqbdc9mdqiuam847zipy6mz4mghld9fr2a3a_Q

我真的无法理解谷歌文档。对oauth2没有适当的支持。我真的需要一些帮助。谢谢

Answer 1

我以前也遇到过这个问题。你的前端代码看起来不错。您只是缺少后端上的一些内容。

尝试将控制器更改为此

const {google} = require('googleapis');

exports.getGoogleAccountFromCode = (req, res, next) => {
    const code = req.body.code;
    const oauth2Client = new google.auth.OAuth2(process.env.GOOGLE_CLIENT_ID, process.env.GOOGLE_CLIENT_SECRET, 'postmessage');
    google.options({ auth: oauth2Client });


    oauth2Client.getToken(code).then(res => {
        const tokens = res.tokens;
        oauth2Client.setCredentials(tokens);
        const oauth2 = google.oauth2({ version: 'v2' });
        return oauth2.userinfo.get();
    })
        .then(userData => {
            console.log(userData);
        })
        .catch(err => {
            console.log(err);
        });
};

实际上你错过的只是谷歌。选项。然后，提取令牌和用户信息。你应该可以用它们做你想做的事。

测试时也不要忘记（例如：POSTMAN）每次尝试总是发送一个新的code。