サブスクリプションを管理する
プランと更新を扱います。
「サブスクリプションを管理する」はCoddyKit上の無料Vibe Codingレッスンです。 これはレッスン3/4です。 下記で完全なレッスンを無料で読むことができます。その後、ブラウザ内の組み込みコードエディタと24時間対応のAIチューターでハンズオン演習できます。 これはVibe Coding学習パスの一部であり、ウェブとCoddyKitアプリ全体で進捗が同期されます。 Vibe Codingコースには全4レッスンが含まれています。
このレッスンの一部はまだ翻訳されておらず、英語で表示されています。
Subscriptions Carry State
A subscription is not a single charge — it is an ongoing relationship that lives in time. It has a status, a current period, and a billing schedule that the provider advances automatically.
Your job is to mirror that state in your own database so your app always knows whether a given user is currently entitled to paid features.
The Status Machine
A subscription moves through states: trialing, active, past_due, canceled, and unpaid. Each transition has consequences for access.
Model this explicitly. Treat "active" and "trialing" as entitled, "past_due" as a grace window, and "canceled" or "unpaid" as revoked. Hard-coding a single boolean throws away information you will need.
List every subscription status Stripe can report (trialing, active, past_due, canceled, unpaid, incomplete) and tell me, for each, whether my app should grant or revoke access to paid features. Put it in a decision table.Entitlements, Not Flags
Resist sprinkling "if user.paid" everywhere. Centralize a single function that answers "what is this user entitled to right now?" based on their subscription state.
This entitlement check becomes the one place your access logic lives. Change a rule once and the whole app obeys it.
Write a single getEntitlements(userId) function that reads the stored subscription status and plan, and returns the feature set the user can access. Make every feature gate in the app call this one function instead of checking raw flags.Trials
A trial grants access before the first charge. The subscription exists in a trialing state; at trial end the provider attempts payment and flips to active or past_due.
Decide whether trials require a card up front. Card-up-front reduces abuse but lowers signups; card-free is friendlier but invites tire-kickers.
I want a 14-day free trial. Compare requiring a card up front versus no card at all: conversion, abuse, and the webhook events I need to handle when the trial ends and the first real charge succeeds or fails.Upgrades and Downgrades
Customers switch plans mid-cycle. Upgrades usually take effect immediately with a prorated charge for the remaining period. Downgrades often apply at the next renewal to avoid refunds.
Proration is the math of crediting unused time and billing the difference. Let the provider compute it; your job is to choose the timing policy.
Explain proration when a user upgrades from the $10 plan to the $30 plan halfway through a billing month. Show how Stripe handles the credit and charge, and recommend whether downgrades should be immediate or deferred to period end.Cancellations
Cancelling rarely means instant cutoff. The standard pattern is cancel_at_period_end: the user keeps access until the period they already paid for runs out, then it lapses.
This avoids refund disputes and respects what the customer paid for. Reflect both the cancellation request and the actual lapse in your state.
Implement cancellation as cancel_at_period_end so the user keeps paid access until the end of the current period, then loses it. Show which webhook tells me the subscription actually ended versus merely being scheduled to cancel.Failed Renewals and Dunning
Cards expire and fail. When a renewal fails, the subscription goes past_due and the provider retries on a schedule — this recovery process is called dunning.
During dunning you can keep access (grace) or restrict it. Send the customer emails to update their card. Decide your grace policy explicitly.
Set up dunning for failed subscription renewals: configure Stripe's retry schedule, decide a 3-day grace period where access continues, and send the customer a card-update email. List the webhook events that drive each step.Keeping Your DB in Sync
The provider is the source of truth, but querying it on every request is slow. Instead, cache the subscription state in your database and update it whenever a webhook arrives.
Every relevant event — created, updated, deleted, payment_failed — should write the new status to your record. Your app then reads its own fast, local copy.
Design a subscriptions table that mirrors Stripe state (status, plan, current_period_end, cancel_at_period_end). Write the webhook handler that updates this row on customer.subscription.created, updated, and deleted so my app reads its own copy.The Customer Portal
Building a self-service billing UI is a lot of work. Most providers offer a hosted customer portal where users update cards, switch plans, view invoices, and cancel.
You generate a portal link from your server; the provider handles the rest and emits webhooks for any changes the user makes. This saves weeks of UI work.
Add a "Manage Billing" button that calls my server to create a Stripe Billing Portal session for the logged-in customer and redirects them there. Confirm that plan changes they make in the portal come back to me as webhook events.Grace, Reactivation, and Edge Cases
Real life is messy: a past_due user pays late and should regain access; a canceled user resubscribes; a refund reverses a charge. Each must update entitlements correctly.
Drive every change through the same status-to-entitlement logic. If reactivation flips status back to active, access should restore automatically with no special-case code.
Testing Subscription Lifecycles
Use test clocks or simulated events to fast-forward time: start a trial, end it, fail a renewal, recover, then cancel. Verify entitlements at every step.
Subscriptions fail in the future, not at checkout. Testing the full lifecycle is the only way to catch a renewal bug before a customer does.
Use Stripe test clocks to simulate a full subscription lifecycle: trial start, trial end with successful charge, a failed renewal that goes past_due, recovery, and finally cancellation. For each phase, tell me what my entitlement check should return.Quick Check
Confirm the cleanest way to manage access logic.
Recap
Subscriptions are stateful relationships with a status machine: trialing, active, past_due, canceled, unpaid. Centralize access in one entitlement function so every gate obeys the same rule, and cache provider state in your DB via webhooks instead of polling.
Handle trials, prorated upgrades, period-end cancellations, and dunning for failed renewals. Offer a hosted customer portal to save UI work, and test the entire lifecycle with test clocks before launch.
よくある質問
「サブスクリプションを管理する」レッスンは無料ですか?
はい。「サブスクリプションを管理する」の完全なテキストはこのウェブで無料で読めます。インタラクティブに演習し(組み込みコードエディタと24時間対応のAIチューター)、Vibe Codingコースの残りをアンロックするには、CoddyKit PROにアップグレードしてください。 Vibe Codingコースには全4レッスンが含まれています。
「サブスクリプションを管理する」で何を学びますか?
プランと更新を扱います。 ブラウザで直接実行するハンズオンコードでVibe Codingを演習し、24時間対応のAIチューターがレッスンを進める中での質問に答えます。
Vibe Codingを始めるのに経験は必要ですか?
事前経験は必要ありません。CoddyKitのVibe Codingは初級者から上級者向けに構成されているため、ここから始めるか最初から始めて、自分のペースで進むことができます。 これはレッスン3/4です。
「サブスクリプションを管理する」レッスンにはどのくらい時間がかかりますか?
ほとんどのCoddyKitレッスンは約5~10分かかります。各レッスンはコンパクトでインタラクティブなので、着実に進歩し、ウェブとアプリ全体で正確に前回の場所から再開できます。
このVibe Codingレッスンでコードを書いて実行できますか?
はい。すべてのVibe Codingレッスンに組み込みコードエディタが含まれているため、ブラウザでリアルコードを書いて実行し、即座のAIフィードバックを取得できます。ローカル設定は不要です。
このコースのすべてのレッスン
- 決済の基本概念
- チェックアウトを設定する
- サブスクリプションを管理する
- 支払いを安全に検証する