Next.js + Stripe + Webhook + API Route (App Route)でsignature を検証するときにハマった

概要

題名の通りです。
ハマりました。

解決策

この通り。

ミニマムなコードはこちら

route.ts

import Stripe from "stripe";
import { headers } from "next/headers";
import { NextResponse } from "next/server";

export async function POST(req: Request) {
    const body = await req.text();
    const signature = headers().get("Stripe-Signature") as string;
    const stripe = new Stripe(process.env.STRIPE_SECRET_KEY!);

    let event: Stripe.Event;

    try {
        event = stripe.webhooks.constructEvent(
            body,
            signature,
            process.env.STRIPE_WEBHOOK_SECRET!
        );
    } catch (error: any) {
        console.error(error);
        return new NextResponse(`Webhook Error: ${error.message}`, { status: 400 });
    }

    const session = event.data.object as Stripe.Checkout.Session;


    return new NextResponse(null, { status: 200 });
}

なんでApi route のExample が公式にないんですかねえ、、、、

まあ解決できたのでよかった、

以上。