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 暗号化の実装に関するよくある質問

1. とは何ですか scrypt に使用される機能?
2. の scrypt 関数は、ブルート フォース攻撃の計算コストを高くすることでユーザーのパスワードを保護するパスワード ハッシュ アルゴリズムです。
3. なぜ使うのか randomBytes 塩を生成するため？
4. randomBytes 暗号的に安全で一意のソルトを保証し、攻撃者による事前計算されたハッシュ (レインボー テーブル) の使用を防ぎます。
5. どのようにして timingSafeEqual セキュリティを向上させるには？
6. timingSafeEqual 入力の違いに関係なく、ハッシュ化されたパスワード間の比較が一定時間内に行われるようにすることで、タイミング攻撃を防ぎます。
7. 使用しています localStorage セッション状態は安全ですか?
8. 使用する localStorage 便利ですが、XSS に対して脆弱になる可能性があります。機密性の高いアプリケーションには、HttpOnly Cookie などの代替手段を検討してください。
9. ハッシュをソルトと派生キーに分割する利点は何ですか?
10. ハッシュを分割すると、ソルトとハッシュを一緒に安全に保存できるため、追加データなしでシステムがハッシュを再作成して検証できるようになります。

安全な認証のまとめ

安全な認証は、最新のアプリケーションのバックボーンです。 Node.js の堅牢性を活用することで、 暗号モジュール Angular とシームレスに統合することで、信頼性の高いパスワード管理とセッション処理を実装できます。これらの実践により、ユーザーの機密データが保護されます。 🛡️

「「crypto」を解決できない」などの問題に対処するには、バックエンド環境とフロントエンド環境の両方を理解する必要があることに注意してください。コーディング、モジュール性、セキュリティのベスト プラクティスを適用すると、機能性だけでなく攻撃に対する回復力も確保され、アプリケーションが強化されます。