Vibe Coding · レッスン

支払いを安全に検証する

クライアントではなくサーバーを信頼します。

レッスン 4/413 ステップ

「支払いを安全に検証する」はCoddyKit上の無料Vibe Codingレッスンです。 これはレッスン4/4です。 下記で完全なレッスンを無料で読むことができます。その後、ブラウザ内の組み込みコードエディタと24時間対応のAIチューターでハンズオン演習できます。 これはVibe Coding学習パスの一部であり、ウェブとCoddyKitアプリ全体で進捗が同期されます。 Vibe Codingコースには全4レッスンが含まれています。

このレッスンの一部はまだ翻訳されておらず、英語で表示されています。

Trust Nothing From the Client

The golden rule of payment security: the client can lie. A success page, a query parameter, a JavaScript callback — all can be forged or replayed by a determined user.

Access and fulfilment must be decided by signals you can cryptographically trust, originating from the provider's servers, never from the user's browser.

Webhook Signature Verification

Webhooks arrive at a public URL, so anyone could POST fake events to it. Providers sign each webhook with a secret only you and they know.

Always verify the signature before trusting the payload. An unsigned or mis-signed request must be rejected outright — this single check blocks the most common payment exploit.

Write a webhook endpoint that verifies the Stripe-Signature header using my webhook signing secret before processing the event. If verification fails, return 400 and do nothing. Explain exactly what attack this prevents.

Verify the Amount and Currency

Even a genuine, signed event must be checked against your expectations. Confirm the amount and currency match what the order should have cost.

If a $9 order reports a $0.50 payment, reject it. Signature proves the message is from the provider; amount-checking proves the customer paid what they owe.

In my checkout.session.completed handler, after verifying the signature, look up the expected price for the order from my database and confirm the paid amount and currency match before granting access. Show the rejection path if they differ.

Idempotent Webhook Handling

Providers deliver webhooks at least once, meaning duplicates are normal. If your handler grants credits or extends a subscription, processing the same event twice causes real harm.

Record each event ID you have processed and skip repeats. Make your handler safe to run any number of times for the same event.

Make my webhook handler idempotent: store each processed event ID in a table, and at the start of the handler skip any event ID already seen. Show the race-safe insert so two simultaneous deliveries can't both process the event.

Reconcile, Don't Assume

Verification means matching the provider's record to your own. Pull the authoritative object — the payment intent or subscription — and compare its status to what you expect before acting.

Re-fetching from the provider's API inside the handler closes the gap between a possibly stale event and current reality.

After receiving a payment webhook, re-fetch the PaymentIntent from Stripe by ID and confirm its status is 'succeeded' before fulfilling, rather than trusting the event payload alone. Explain when the live object and the event can disagree.

Respond Fast, Process Safely

Providers expect a quick 2xx response or they retry, causing duplicate deliveries. Acknowledge receipt promptly, then do heavy work asynchronously.

The pattern: verify the signature, enqueue the event, return 200. A background worker performs fulfilment. This keeps the endpoint reliable under load and during slow operations.

Refactor my webhook so it verifies the signature, pushes the event onto a job queue, and immediately returns 200. A separate worker does fulfilment. Explain why slow inline processing causes Stripe to retry and create duplicates.

Keep Secrets Out of Code

API keys, webhook secrets, and signing keys are credentials. Hard-coding them in source or shipping them to the client is a breach waiting to happen.

Store them in environment variables or a secrets manager. The secret key must live only on your server; the client gets the publishable key, which is safe to expose.

Audit my payment integration for leaked secrets: confirm the secret key and webhook signing secret are read from environment variables and never bundled into client code. Show the correct split between publishable and secret keys.

Handling Refunds and Disputes

Money flows backward too. A refund or a chargeback dispute should revoke access or adjust entitlements, driven by webhook events like charge.refunded and charge.dispute.created.

If you only handle the payment and ignore the reversal, a refunded customer keeps paid features for free. Wire the backward events as carefully as the forward ones.

Handle charge.refunded and charge.dispute.created webhooks: when a payment is reversed, revoke the matching entitlement and log it. Show how to find which user and order the refund corresponds to so I revoke the right access.

Logging and Auditing

When money is involved, you need an immutable trail. Log every webhook received, every fulfilment decision, and every entitlement change with timestamps and IDs.

This audit log is your defense in a dispute and your fastest debugging tool when a customer says "I paid but have no access". Never log raw card data, only references.

Failing Safely

When verification fails — bad signature, mismatched amount, unknown order — the safe default is to deny access and alert yourself, not to grant the benefit of the doubt.

A payment system should fail closed. A false negative annoys one customer you can fix manually; a false positive gives away your product or invites fraud.

Review my webhook handler's failure paths and make it fail closed: any verification or lookup failure denies access, logs the incident, and alerts me, rather than defaulting to granting access. List every branch that could accidentally grant access on error.

A Verification Checklist

Before going live, confirm the chain: signature verified, amount and currency matched, event idempotently processed, provider object reconciled, secrets in env, refunds handled, and failures fail closed.

Ask your AI assistant to audit the integration against this list. Each item that is missing is a door an attacker or a bug can walk through.

Audit my entire payment integration against this checklist and report any gaps: webhook signature verified, amount and currency validated, idempotent event handling, provider-side reconciliation, secrets in environment variables, refund and dispute handling, and fail-closed on errors.

Quick Check

Confirm the first thing every webhook handler must do.

Recap

Safe verification means trusting only the provider's signed server-side signals. Verify every webhook's signature, then check the amount and currency, process events idempotently, and reconcile against the live provider object before granting access.

Keep secrets in environment variables, respond fast and process asynchronously, handle refunds and disputes by revoking access, log an audit trail, and always fail closed. Run the full checklist before going live.

無料で開始

AI チューターと学ぶ JavaScript — 無料

ブラウザでリアルコードを書いて実行し、24/7 の AI チューターから瞬時にサポートを受け、ウェブまたはアプリで続きから学習できます。

コース
25
レッスン
100

よくある質問

「支払いを安全に検証する」レッスンは無料ですか?

はい。「支払いを安全に検証する」の完全なテキストはこのウェブで無料で読めます。インタラクティブに演習し(組み込みコードエディタと24時間対応のAIチューター)、Vibe Codingコースの残りをアンロックするには、CoddyKit PROにアップグレードしてください。 Vibe Codingコースには全4レッスンが含まれています。

「支払いを安全に検証する」で何を学びますか?

クライアントではなくサーバーを信頼します。 ブラウザで直接実行するハンズオンコードでVibe Codingを演習し、24時間対応のAIチューターがレッスンを進める中での質問に答えます。

Vibe Codingを始めるのに経験は必要ですか?

事前経験は必要ありません。CoddyKitのVibe Codingは初級者から上級者向けに構成されているため、ここから始めるか最初から始めて、自分のペースで進むことができます。 これはレッスン4/4です。

「支払いを安全に検証する」レッスンにはどのくらい時間がかかりますか?

ほとんどのCoddyKitレッスンは約5~10分かかります。各レッスンはコンパクトでインタラクティブなので、着実に進歩し、ウェブとアプリ全体で正確に前回の場所から再開できます。

このVibe Codingレッスンでコードを書いて実行できますか?

はい。すべてのVibe Codingレッスンに組み込みコードエディタが含まれているため、ブラウザでリアルコードを書いて実行し、即座のAIフィードバックを取得できます。ローカル設定は不要です。

このコースのすべてのレッスン

  1. 決済の基本概念
  2. チェックアウトを設定する
  3. サブスクリプションを管理する
  4. 支払いを安全に検証する
← Vibe Codingに戻る