使用 Angular 18 解决 Node.js 22 中的加密模块问题

解决 Node.js 22 和 Angular 18 中的加密模块问题

使用 Node.js 和 Angular 的模块化后端服务方法进行安全身份验证。

// Backend: auth.service.js
const { scrypt, randomBytes, timingSafeEqual } = require('crypto');
const keyLength = 32;
module.exports = {
  async hashPassword(password) {
    return new Promise((resolve, reject) => {
      const salt = randomBytes(16).toString('hex');
      scrypt(password, salt, keyLength, (err, derivedKey) => {
        if (err) reject(err);
        resolve(`${salt}.${derivedKey.toString('hex')}`);
      });
    });
  },
  async comparePasswords(password, hash) {
    return new Promise((resolve, reject) => {
      const [salt, storedHash] = hash.split('.');
      scrypt(password, salt, keyLength, (err, derivedKey) => {
        if (err) reject(err);
        resolve(timingSafeEqual(Buffer.from(storedHash, 'hex'), derivedKey));
      });
    });
  }
};

将后端服务与 Angular 18 集成

使用 HTTPClient 设置 Angular 服务以安全地与后端通信。

// Frontend: auth.service.ts
import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { Observable } from 'rxjs';
@Injectable({ providedIn: 'root' })
export class AuthService {
  private apiUrl = 'http://localhost:3000/auth';
  constructor(private http: HttpClient) {}
  login(username: string, password: string): Observable<any> {
    return this.http.post(`${this.apiUrl}/login`, { username, password });
  }
  logout(): void {
    localStorage.removeItem('STATE');
  }
  isLoggedIn(): boolean {
    return localStorage.getItem('STATE') === 'true';
  }
}

测试安全验证逻辑

为后端和前端服务添加单元测试以验证功能。

// Test: auth.service.test.js
const authService = require('./auth.service');
describe('Authentication Service', () => {
  it('should hash and validate passwords', async () => {
    const password = 'mySecret123';
    const hash = await authService.hashPassword(password);
    expect(await authService.comparePasswords(password, hash)).toBeTruthy();
  });
  it('should reject invalid passwords', async () => {
    const password = 'mySecret123';
    const hash = await authService.hashPassword(password);
    expect(await authService.comparePasswords('wrongPassword', hash)).toBeFalsy();
  });
});

有关在 Angular 中实现 Node.js Crypto 的常见问题

1. 什么是 scrypt 函数用于？
2. 这 scrypt 函数是一种密码哈希算法，通过使暴力攻击的计算成本昂贵来保护用户密码。
3. 我们为什么使用 randomBytes 用于生成盐？
4. randomBytes 确保加密安全且唯一的盐，防止攻击者使用预先计算的哈希值（彩虹表）。
5. 怎么样 timingSafeEqual 提高安全性？
6. timingSafeEqual 通过确保在恒定时间内完成散列密码之间的比较来防止定时攻击，而不管输入差异如何。
7. 正在使用 localStorage 会话状态安全吗？
8. 使用 localStorage 很方便，但容易受到 XSS 攻击。考虑针对敏感应用程序的替代方案，例如 HttpOnly cookie。
9. 将哈希值拆分为盐和派生密钥有什么好处？
10. 拆分哈希允许您安全地将盐和哈希存储在一起，使系统能够重新创建和验证哈希，而无需额外的数据。

结束安全身份验证

安全身份验证是任何现代应用程序的支柱。通过利用 Node.js 的强大功能 加密模块 并将其与 Angular 无缝集成，您可以实现可靠的密码管理和会话处理。这些做法可以保护用户的敏感数据。 🛡️

请记住，解决“无法解析‘加密’”等问题需要了解后端和前端环境。应用编码、模块化和安全性方面的最佳实践不仅可以确保功能，还可以确保抵御攻击的能力，从而使您的应用程序变得更强大。