TutuPay 연동

제품이 공유 Tutu 잔액으로 부가 서비스를 청구하게 하세요 — 결제 스택을 만들 필요가 없습니다.

3단계로 연동

  1. 1

    SDK 복사

    lib/pay-sdk/index.ts를 제품 저장소에 복사합니다.

  2. 2

    인스턴스 생성

    clientId로 createTutuPay({ clientId })를 호출합니다.

  3. 3

    결제 시작

    pay.checkout({ sku })를 호출하면 팝업이 로그인+주문+결제를 처리합니다.

import { createTutuPay } from '$lib/pay-sdk';

const pay = createTutuPay({
  baseUrl: import.meta.env.VITE_TUTUPAY_URL,
  clientId: 'tutuedit'
});

const r = await pay.checkout({ kind: 'export_credits', sku: 'pack_100' });
if (r.status === 'paid') {
  // grant credits idempotently on your side; use r.orderId to double-check
}

작동 방식

호스팅 결제창이 팝업에서 로그인·주문·결제를 완료하고(동일 tutuid 신뢰 루트, 재로그인 없음) postMessage로 결과를 돌려줍니다. 제품은 잔액이나 결제 자격 증명을 만지지 않습니다. SKU 추가는 백엔드 orders.rs sku_price()에 한 줄만 넣으면 됩니다.

통합 데모 열기