[해결] 회원가입 없이 과일 분석 결과를 고유 URL로 공유하는 방법

한 줄 요약: 회원가입 및 DB 구축 부담 없이, AWS Lambda에서 무작위 난수 기반의 고유 ID 정적 HTML과 Open Graph 메타데이터를 즉시 생성하여 Amazon S3에 저장하는 방식으로 Zero-Auth 정적 결과 공유 링크 시스템을 구현했습니다.

https://fruit.nxnl.app/#result?name=사과&score=85&checks=...

SNS 메신저의 링크 미리보기 크롤러는 정적 HTML의 <meta property="og:title">, <meta property="og:image"> 태그만 읽고 가므로, 클라이언트 단 Single Page Application(SPA)의 JS 렌더링 방식으로는 공유 카드를 만들 수 없다는 원인이었습니다.

Zero-Auth S3 Direct HTML Rendering Architecture를 도입했습니다.

4. CloudFront CDN 캐싱: 생성된 정적 결과 페이지는 CloudFront Edge Location에 캐시되어 백엔드 호출 없이 극상의 속도로 서빙됩니다.

`infra/share-api/index.mjs` (공유 페이지 정적 HTML/OG 생성 Lambda)

import { randomBytes } from "node:crypto";
import { PutObjectCommand, S3Client } from "@aws-sdk/client-s3";

const s3 = new S3Client({});
const bucket = process.env.BUCKET_NAME;

function buildResultHtml(template, result, resultUrl, ogImageUrl) {
  const title = result.mode === "playful"
    ? `나와 닮은 과일은 ${result.fruitName} · ${result.score}점`
    : `내 ${result.fruitName} 맛 점수는 ${result.score}점`;
  const description = result.verdict || result.summary || "맛있는 과일에서 과일 맛 점수를 확인해보세요.";
  
  // 메신저 Scraper를 위한 OG 메타태그 사전 구워 넣기
  const meta = `
    <base href="/" />
    <title>${escapeHtml(title)} - GoodFruit</title>
    <meta property="og:type" content="article" />
    <meta property="og:title" content="${escapeHtml(title)}" />
    <meta property="og:description" content="${escapeHtml(description)}" />
    <meta property="og:image" content="${escapeHtml(ogImageUrl)}" />
    <meta property="og:url" content="${escapeHtml(resultUrl)}" />
  `;
  return template.replace(/<!--\s*RESULT_META_START\s*-->[\s\S]*?<!--\s*RESULT_META_END\s*-->/, meta);
}

export async function handler(event) {
  // 1. 32글자 난수 고유 ID 생성
  const resultId = randomBytes(16).toString("hex");
  const resultKey = `result/${resultId}/index.html`;
  
  // 2. HTML 및 OG 이미지 S3 저장
  await s3.send(new PutObjectCommand({
    Bucket: bucket,
    Key: resultKey,
    Body: htmlContent,
    ContentType: "text/html; charset=utf-8",
    CacheControl: "public, max-age=31536000, immutable",
  }));

  return { statusCode: 200, body: JSON.stringify({ resultId, shareUrl: `${siteUrl}/result/${resultId}/` }) };
}

```bash

```

회원가입과 DB는 당연히 있어야 한다는 고정관념을 깨고, S3 정적 파일 생성과 CloudFront CDN의 조합을 활용하면 zero-auth 환경에서도 완벽한 보안, 빠른 속도, 풍부한 메타데이터 공유 기능을 구축할 수 있습니다.

실제 적용 서비스