결제 (토스페이먼츠) & 구독

결제 흐름 (3가지 시나리오)

결제 페이지 UI (토스 SDK 연동)

<!-- /payment/checkout.html -->
<script src="https://js.tosspayments.com/v1/payment"></script>
<script>
const tossPayments = TossPayments('클라이언트키');

async function requestPayment(plan){
  const orderRes = await fetch('/api/v1/payment/create-order', {
    method:'POST', headers:authHeader(),
    body: JSON.stringify({plan})
  });
  const {orderId, amount, orderName} = await orderRes.json();
  
  tossPayments.requestPayment('카드', {
    amount,
    orderId,
    orderName,
    customerName: userName,
    successUrl: location.origin + '/payment/success.html',
    failUrl:    location.origin + '/payment/fail.html'
  });
}
</script>

서버 측 결제 승인 (PHP)

// /api/payment/confirm.php
$payload = json_decode(file_get_contents('php://input'), true);
$paymentKey = $payload['paymentKey'];
$orderId    = $payload['orderId'];
$amount     = $payload['amount'];

// 토스 API 호출
$ch = curl_init('https://api.tosspayments.com/v1/payments/confirm');
curl_setopt_array($ch, [
  CURLOPT_POST => true,
  CURLOPT_RETURNTRANSFER => true,
  CURLOPT_HTTPHEADER => [
    'Authorization: Basic '.base64_encode(TOSS_SECRET_KEY.':'),
    'Content-Type: application/json'
  ],
  CURLOPT_POSTFIELDS => json_encode([
    'paymentKey'=>$paymentKey,
    'orderId'=>$orderId,
    'amount'=>$amount
  ])
]);
$res = json_decode(curl_exec($ch), true);

if($res['status'] === 'DONE'){
  // DB 업데이트 → 구독 활성화
  activateSubscription($userId, $plan, $res);
  echo json_encode(['success'=>true]);
}

시니어 친화 결제 UX

• 큰 글씨로 금액 명확 표시 ("매월 9,900원" 강조)
• 다음달 결제일도 같이 표시 ("다음 결제: 6월 23일")
• 2번 확인 절차 (의도치 않은 결제 방지)
• 음성 안내 ("9,900원 결제하시겠어요? 예 또는 아니오라고 말씀하세요")
• 14일 무료 체험 + 해지 안내 명확
• 가족에게 알림 옵션 (결제 시 자녀에게 자동 통지)

환불 정책