문서 보기
결제를 플랜 한도에 연결
Checkout, 고객 포털, webhook 저장, 플랜별 단어 한도는 연결되어 있어 실제 Stripe 시크릿을 나중에 넣을 수 있습니다.
개발자 플랫폼
개요
작업 공간
POST
계정 단위/api/billing/checkoutcheckout 요청
fetch('/api/billing/checkout', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ plan: 'pro', cycle: 'monthly' })
})
설명
01
Checkout
실제 시크릿과 price ID가 있으면 플랜 선택이 checkout 경로로 갑니다.
02
포털
로그인한 사용자는 구독이 있으면 Stripe 고객 포털로 안내될 수 있습니다.
03
Webhooks
결제 이벤트를 저장해 구독 상태를 작업 공간과 맞출 수 있습니다.
결제 주기
업그레이드 이후 일어나는 일
플랜 선택
요금 페이지가 플랜, 주기, 단어 할당, API 접근, checkout 문구를 정합니다.
Checkout 열기
라이브 자격 증명이 설정되면 결제 경로가 Stripe Checkout 세션을 만듭니다.
Webhook 수신
Stripe가 구독 이벤트를 보내 플랜과 단어 잔액을 갱신할 수 있습니다.
포털 관리
구독자는 카드, 청구서, 해지, 플랜 변경을 위해 Stripe 포털로 돌아갑니다.
구성
출시 전에 확인할 설정
구현 참고. Stripe와 Google 자격 증명은 외부 구성으로 남습니다. 프론트엔드는 비밀을 넣지 않고 흐름을 설명합니다.
다음으로 워크플로에 연결하세요.계속 읽기