【问题标题】:How to use Google oAuth with Node.js backend and Angular frontend?如何将 Google oAuth 与 Node.js 后端和 Angular 前端一起使用?
【发布时间】:2018-11-05 16:50:00
【问题描述】:

我在后端使用 Node.js,每次登录时都会为用户创建一个令牌。 angularx-social-login 包使得 Google OAuth 与 Angular 的集成变得非常容易,但是如何将它与 API 一起使用呢?成功登录后,Google 会返回带有令牌的用户信息。我正在考虑将此信息发送到后端并登录用户,但为此我需要创建一个接受电子邮件地址和登录用户的路由。这将返回不安全的 JWT 令牌。所谓安全,我的意思是,任何人都可以在没有 Google 身份验证的情况下访问路由并生成令牌。

我正在寻找开发人员如何实现这一目标的想法。

【问题讨论】:

标签: node.js angular google-oauth


【解决方案1】:

我找到了由 Google 管理的 Node.js 的 google-auth-library 客户端包。

如下:

  1. 使用 Angular 登录用户
  2. 将 idToken 发送到后端
  3. 验证令牌并响应 Angular

Node.js:

exports.googleLogin = function(req, res, next) {
  //verify the token using google client
  return googleClient
    .verifyIdToken({
      idToken: req.body.token,
      audience: config.google.clientID
    })
    .then(login => {
      //if verification is ok, google returns a jwt
      var payload = login.getPayload();
      var userid = payload['sub'];

      //check if the jwt is issued for our client
      var audience = payload.aud;
      if (audience !== config.google.clientID) {
        throw new Error(
          'error while authenticating google user: audience mismatch: wanted [' +
            config.google.clientID +
            '] but was [' +
            audience +
            ']'
        );
      }
      //promise the creation of a user
      return {
        name: payload['name'], //profile name
        pic: payload['picture'], //profile pic
        id: payload['sub'], //google id
        email_verified: payload['email_verified'],
        email: payload['email']
      };
    })
    .then(user => {
      return res.status(200).json(user);
    })
    .catch(err => {
      //throw an error if something gos wrong
      throw new Error(
        'error while authenticating google user: ' + JSON.stringify(err)
      );
    });
};

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2022-01-24
    • 2022-08-23
    • 2021-04-10
    • 1970-01-01
    • 2017-06-23
    • 2022-01-13
    • 2020-03-03
    • 1970-01-01
    相关资源
    最近更新 更多