암호화 파일을 복호화해 안전하게 다운로드시키는 방법

김민석·2025년 10월 10일

Tech Deep Dive

목록 보기

34/58

Intro

저는 Supabase Storage에 저장된 암호화 파일을 직접 내려받으려다가, 브라우저가 알아보기 힘든 바이너리만 던져준다는 사실을 깨달았습니다. 그래서 서버에서 복호화한 뒤 사용자에게 적절한 헤더와 함께 전달하는 방식을 만들었습니다.

핵심 아이디어 요약

파일 경로와 버킷을 받아 Supabase Storage에서 암호문을 가져옵니다.
AWS KMS로 암호화된 키를 복호화해 AES-GCM으로 원본 데이터를 되살립니다.
MIME 타입과 파일명을 분석해 인라인 미리보기/다운로드 헤더를 다르게 설정합니다.

준비와 선택

인증 확인: Supabase 세션에서 사용자 ID를 가져와 인증된 사용자만 다운로드할 수 있도록 했습니다.
MIME 추론: 확장자를 기반으로 MIME을 추정하고, 모르면 application/octet-stream으로 처리했습니다.
파일명 인코딩: 한글 파일명을 filename* 포맷으로 인코딩해 브라우저가 깨지지 않도록 했습니다.

구현 여정

Step 1: 복호화 데이터 가져오기

암호화된 키와 IV를 조회한 뒤, KMS에서 키를 복호화하고 AES-GCM으로 원본 데이터를 얻습니다.

import { decryptDataKey } from './kms';
import { aesGcmDecrypt, validateAndConvertKey, base64ToArrayBuffer } from './crypto';
import { storageClient, getKeyRecord, parseFileName } from './storage';

export const downloadEncryptedFile = async (path: string, bucket: string) => {
  const { encrypted_key, iv } = await getKeyRecord(path);
  const encryptedFile = await storageClient.from(bucket).download(path);

  const plaintextKey = await decryptDataKey('file', encrypted_key);
  const decrypted = await aesGcmDecrypt(
    encryptedFile.data,
    validateAndConvertKey(plaintextKey),
    base64ToArrayBuffer(iv),
  );

  return { decryptedData: decrypted, fileName: parseFileName(path) };
};

Step 2: Response 생성

API 라우트에서는 ArrayBuffer를 Blob으로 감싼 후 new Response로 반환합니다. 이미지면 인라인으로 보여주고, 그 외에는 Content-Disposition: attachment를 설정합니다.

Step 3: GET과 POST 지원

POST는 JSON body로, GET은 쿼리스트링으로 경로와 버킷을 받습니다. 이름을 지정하면 name 파라미터로 덮어씁니다.

겪은 이슈와 해결 과정

잘못된 IV: 저장된 IV가 깨지면 복호화가 실패합니다. Base64 인코딩/디코딩을 꼼꼼히 검사해 문제를 해결했습니다.
이미지 미리보기: 이미지 파일도 무조건 다운로드가 되길래, MIME이 image/로 시작하면 Content-Disposition을 생략했습니다.
권한 누락: 버킷 이름을 전달하지 않으면 에러가 나길래, GET에서는 bucket 파라미터를 필수로 받도록 했습니다.