Cloud/設定/請求
請求
The paid-account surface of Settings: your current plan with its Active badge, the requests meter with its reset date, the Stripe portal hand-off and a cancel flow with a grace period instead of a cliff.
BillingはSettingsの2番目のページで、ある種類のアカウントのためだけに存在します。有料アカウントです。セクション自体の説明は "Manage your subscription and payment methods." です。無料アカウントがこのページを実際に見ることはありません。サイドバーの項目は無反応のままで、コンソールはアップグレード画面へ直接誘導します。無料アカウントには管理すべき請求がないからです。
Billing
Manage your subscription and payment methods.
Current Plan
Starter
Activerequests used
7,412 / 25,000
Resets Sep 25, 2026 · 12 days
モックアップは有料アカウント向けの画面です。Cancel Subscription のフローを最後まで実行し、バッジが琥珀色の Cancelling... 状態に変わり、猶予期間の日付が表示される様子を確認してみてください。
2枚のカードで全体を表現
ページは2枚の統計カードで構成され、2つでサブスクリプションの全体を示します。
- Current Plan。大きな文字でプラン名(Lite、Starter、Pro、Business)を表示し、隣にステータスバッジを添えます。エメラルドの Active、またはキャンセルが進行すると琥珀色の Cancelling... です。その下に2つのアクションがあります。支払い方法と請求書がある Stripe のカスタマーポータルへ移動する Manage Billing と、サブスクリプションが有効な間だけ表示される Cancel Subscription です。
- Requests used。月の消費量をメーターで表示します。使用量対上限、上限に近づくと琥珀色に、リクエストが尽きかけると赤くなるバー、そしてリセット行:日付と日数を伴う "Resets"。カウンターがいつやり直すのかを常に把握できます。
キャンセルはカウントダウンであり、扉を叩きつけることではない
Cancel Subscription のダイアログは、何が起こるかを正確に伝えます: "You'll keep access until the end of your billing period"、そして "After your current billing period ends, your plan reverts to Free with reduced limits." 確認すると、アカウントは猶予期間に入ります。バッジは琥珀色の Cancelling... に変わり、カードにはアクセスが続く日付が表示され、その日より前に何かが遮断されることはありません。それまでに気が変わればサブスクリプションは継続し、過ぎればプランは再び Free になります。
チェックアウト後は、祝う前に検証
サブスクリプションを開始すると、Stripe Checkout は支払い用 Webhook が同期する前に、成功フラグ付きでこのページへ戻ってきます。コンソールは最初の読み取りを信用しません。プランが実際に有効になるまでサブスクリプションのエンドポイントをポーリングし、その後にエメラルドの Subscription activated バナーを表示します。これはコンソールが他のあらゆる場所で適用している、同じ意図的なパターンです。期待される状態ではなく、真実の状態を示すのです。
このページが存在する理由
お金と上限は一目で確認したい2つの事項であり、このページはまさにその2つを示します。何にお金を払っているか、そしてどれだけ使い切ったか。プランカタログ自体(Lite、Starter、Pro、Business、年間料金)はアップグレード画面にあります。このページは、支払い済みの顧客が既に持っているものを管理する場所です。
次に来るもの
Settings のサイドバーは Organization グループ(メンバー、チーム、ロール、監査のための Business プラン限定の画面)に続き、その後 Seller と Affiliate が来ます。それぞれ公開時に専用ページを持ちます。