关于将AWS Cognito集成至Angular4 MEAN入门应用的技术咨询

先直接给你结论：不需要借助Passport，AWS Cognito本身就提供了完整的用户认证、管理能力，从注册、登录、令牌验证到用户信息管理都能搞定，直接集成反而更轻量，减少不必要的依赖。

下面给你分步拆解集成的具体流程，分前端（Angular 4）和后端（Node.js/Express）两部分：

一、先在AWS控制台准备Cognito资源 #

• 创建一个Cognito用户池，设置好注册属性（比如邮箱、用户名）、验证方式（邮箱验证码）
• 在用户池里创建一个应用客户端，注意不要勾选"生成客户端密钥"（因为前端是纯JS应用，没法安全存储密钥）
• 记下三个关键信息：用户池ID、应用客户端ID、Cognito区域（比如us-east-1）

二、前端（Angular 4）集成步骤 #

因为Angular 4版本比较早，建议用适配旧版本的AWS Amplify或者直接用AWS JavaScript SDK：

1. 安装依赖 #

如果用Amplify，安装兼容Angular 4的版本：

npm install @aws-amplify/core@3.x @aws-amplify/auth@3.x --save

或者直接用AWS SDK：

npm install aws-sdk --save

2. 配置Cognito #

在Angular的app.module.ts或者单独的配置文件里初始化：

import Amplify from '@aws-amplify/core';
import Auth from '@aws-amplify/auth';

Amplify.configure({
  Auth: {
    region: '你的Cognito区域',
    userPoolId: '你的用户池ID',
    userPoolWebClientId: '你的应用客户端ID'
  }
});

3. 实现注册/登录组件 #

比如登录组件的核心代码：

// 登录函数
async login(username: string, password: string) {
  try {
    const user = await Auth.signIn(username, password);
    // 登录成功，获取令牌
    const tokens = user.signInUserSession;
    // 把accessToken存在localStorage或者Angular的服务里
    localStorage.setItem('accessToken', tokens.accessToken.jwtToken);
    // 跳转到主页
    this.router.navigate(['/dashboard']);
  } catch (err) {
    console.error('登录失败:', err);
    this.errorMessage = err.message;
  }
}

// 注册函数
async signUp(username: string, password: string, email: string) {
  try {
    await Auth.signUp({
      username,
      password,
      attributes: {
        email // 对应你在用户池设置的必填属性
      }
    });
    // 注册成功，提示用户验证邮箱
    this.successMessage = '注册成功，请查收邮箱验证码';
  } catch (err) {
    console.error('注册失败:', err);
    this.errorMessage = err.message;
  }
}

// 验证邮箱验证码
async confirmSignUp(username: string, code: string) {
  try {
    await Auth.confirmSignUp(username, code);
    // 验证成功，自动登录或者跳转到登录页
    this.router.navigate(['/login']);
  } catch (err) {
    console.error('验证失败:', err);
    this.errorMessage = err.message;
  }
}

4. 拦截HTTP请求添加令牌 #

创建一个HTTP拦截器，给所有后端请求添加Authorization头：

import { Injectable } from '@angular/core';
import { HttpInterceptor, HttpRequest, HttpHandler } from '@angular/common/http';

@Injectable()
export class AuthInterceptor implements HttpInterceptor {
  intercept(req: HttpRequest<any>, next: HttpHandler) {
    const accessToken = localStorage.getItem('accessToken');
    if (accessToken) {
      const authReq = req.clone({
        headers: req.headers.set('Authorization', `Bearer ${accessToken}`)
      });
      return next.handle(authReq);
    }
    return next.handle(req);
  }
}

然后在app.module.ts里注册这个拦截器。

三、后端（Node.js/Express）集成步骤 #

后端主要负责验证前端传来的JWT令牌是否有效：

1. 安装依赖 #

npm install aws-sdk jsonwebtoken jwks-rsa --save

2. 创建令牌验证中间件 #

const AWS = require('aws-sdk');
const jwt = require('jsonwebtoken');
const jwksClient = require('jwks-rsa');

// 初始化Cognito客户端
AWS.config.update({ region: '你的Cognito区域' });
const cognitoIdentityServiceProvider = new AWS.CognitoIdentityServiceProvider();

// 从Cognito获取公钥用于验证JWT
const client = jwksClient({
  jwksUri: `https://cognito-idp.你的区域.amazonaws.com/你的用户池ID/.well-known/jwks.json`
});

function getKey(header, callback) {
  client.getSigningKey(header.kid, function(err, key) {
    const signingKey = key.publicKey || key.rsaPublicKey;
    callback(null, signingKey);
  });
}

// 验证令牌的中间件
const authenticateToken = (req, res, next) => {
  const authHeader = req.headers['authorization'];
  const token = authHeader && authHeader.split(' ')[1];

  if (!token) {
    return res.status(401).send('需要登录才能访问');
  }

  jwt.verify(token, getKey, {
    audience: '你的应用客户端ID',
    issuer: `https://cognito-idp.你的区域.amazonaws.com/你的用户池ID`
  }, (err, user) => {
    if (err) {
      return res.status(403).send('令牌无效');
    }
    req.user = user;
    next();
  });
};

module.exports = authenticateToken;

3. 保护API路由 #

在你的Express路由里使用这个中间件：

const express = require('express');
const router = express.Router();
const authenticateToken = require('./authenticateToken');

// 受保护的路由，只有验证通过的用户才能访问
router.get('/api/protected', authenticateToken, (req, res) => {
  res.json({ message: '这是受保护的内容', user: req.user });
});

module.exports = router;

一些额外提示 #

• Angular 4版本较老，注意Amplify的版本兼容性，如果遇到依赖问题，直接用AWS JavaScript SDK也是完全可行的
• 确保后端API配置了CORS，允许你的前端域名发起请求
• 可以在Cognito用户池里设置自定义属性，满足你的业务需求
• 令牌过期后，可以用Auth.currentSession()刷新令牌，不需要用户重新登录

内容的提问来源于stack exchange，提问作者SamSamet