Web Cryptography API 키 발급과 관리

24 Sep 2023

javascript

소개

Web Cryptography API는 웹 애플리케이션에서 암호화 기능을 사용할 수 있도록 지원하는 API입니다. 이 API를 사용하면 사용자의 데이터를 안전하게 보호하고, 인증된 통신을 할 수 있습니다. 이번 블로그 포스트에서는 Web Cryptography API를 사용하여 키를 발급하고 관리하는 방법에 대해 알아보겠습니다.

키 생성

키 생성은 Web Cryptography API를 사용하여 비대칭 암호화 방식인 RSA를 활용할 수 있습니다. 아래는 RSA 키 쌍을 생성하는 예제 코드입니다.

// RSA 키 쌍 생성
async function generateRSAKeyPair() {
  try {
    const keyPair = await window.crypto.subtle.generateKey(
      {
        name: 'RSA-OAEP',
        modulusLength: 2048,
        publicExponent: new Uint8Array([0x01, 0x00, 0x01]), // 65537
        hash: 'SHA-256',
      },
      true,
      ['encrypt', 'decrypt']
    );
    
    return keyPair;
  } catch (error) {
    console.error('키 생성 실패:', error);
  }
}

// 키 생성 실행
const rsaKeyPair = await generateRSAKeyPair();
console.log('RSA 키 쌍:', rsaKeyPair);

키 관리

키를 보호하기 위해 Web Cryptography API에서는 키를 암호화하여 저장하는 기능을 제공합니다. 예를 들어, 로컬 스토리지를 사용하여 키를 저장할 수 있습니다. 아래는 키를 로컬 스토리지에 암호화하여 저장하는 예제 코드입니다.

// 키를 암호화하여 보호
async function encryptAndStoreKey(key) {
  try {
    const encodedKey = await window.crypto.subtle.exportKey('jwk', key);
    
    // 암호화 키 사용
    const encryptionKey = await window.crypto.subtle.generateKey(
      {
        name: 'AES-GCM',
        length: 256,
      },
      true,
      ['encrypt', 'decrypt']
    );
    
    const encryptedKey = await window.crypto.subtle.encrypt(
      {
        name: 'AES-GCM',
        iv: window.crypto.getRandomValues(new Uint8Array(12)),
      },
      encryptionKey,
      new TextEncoder().encode(JSON.stringify(encodedKey))
    );

    // 로컬 스토리지에 암호화된 키 저장
    localStorage.setItem('encryptedKey', btoa(String.fromCharCode.apply(null, new Uint8Array(encryptedKey))));

    return encryptedKey;
  } catch (error) {
    console.error('키 저장 실패:', error);
  }
}

// 키 보호 및 저장 실행
await encryptAndStoreKey(rsaKeyPair.privateKey);

마무리

Web Cryptography API를 사용하여 키를 발급하고 관리하는 방법에 대해 알아보았습니다. 키의 생성과 저장에 유의하고, 암호화를 통해 키를 보호해야 합니다. 이를 통해 웹 애플리케이션에서 안전한 데이터 보호와 인증된 통신을 구현할 수 있을 것입니다.

#WebCryptography #웹보안