结账 API 路由
将 Dodo Payments 结账集成到您的 Nuxt 应用中,使用服务器路由。
客户门户 API 路由
允许客户通过 Nuxt 服务器路由管理订阅和详细信息。
Webhook API 路由
在 Nuxt 中安全接收和处理 Dodo Payments Webhook 事件。
概述
本指南解释了如何使用官方 Nuxt 模块将 Dodo Payments 集成到您的 Nuxt 应用中。您将学习如何设置结账、客户门户和 Webhook API 路由,以及如何安全管理环境变量。
安装
1
安装 Nuxt 模块
在项目根目录中运行以下命令:
复制
npm install @dodopayments/nuxt
2
在 nuxt.config.ts 中注册模块
将
@dodopayments/nuxt 添加到您的 modules 数组中并进行配置:nuxt.config.ts
复制
export default defineNuxtConfig({
modules: ["@dodopayments/nuxt"],
devtools: { enabled: true },
compatibilityDate: "2025-02-25",
runtimeConfig: {
private: {
bearerToken: process.env.NUXT_PRIVATE_BEARER_TOKEN,
webhookKey: process.env.NUXT_PRIVATE_WEBHOOK_KEY,
environment: process.env.NUXT_PRIVATE_ENVIRONMENT,
returnUrl: process.env.NUXT_PRIVATE_RETURNURL
},
}
});
切勿将您的
.env 文件或机密信息提交到版本控制中。API 路由处理示例
所有 Dodo Payments 在 Nuxt 中的集成都通过
server/routes/api/ 目录中的服务器路由处理。- 结账 API 路由
- 客户门户 API 路由
- Webhook API 路由
使用此处理程序将 Dodo Payments 结账集成到您的 Nuxt 应用中。支持静态 (GET)、动态 (POST) 和会话 (POST) 支付流程。
复制
export default defineEventHandler((event) => {
const {
private: { bearerToken, environment, returnUrl },
} = useRuntimeConfig();
const handler = checkoutHandler({
bearerToken: bearerToken,
environment: environment,
returnUrl: returnUrl,
});
return handler(event);
});
复制
export default defineEventHandler((event) => {
const {
private: { bearerToken, environment, returnUrl },
} = useRuntimeConfig();
const handler = checkoutHandler({
bearerToken: bearerToken,
environment: environment,
returnUrl: returnUrl,
type: "dynamic"
});
return handler(event);
});
复制
export default defineEventHandler((event) => {
const {
private: { bearerToken, environment, returnUrl },
} = useRuntimeConfig();
const handler = checkoutHandler({
bearerToken: bearerToken,
environment: environment,
returnUrl: returnUrl,
type: "session"
});
return handler(event);
});
如果
productId 缺失或无效,处理程序将返回 400 响应。复制
curl --request GET \
--url 'https://example.com/api/checkout?productId=pdt_fqJhl7pxKWiLhwQR042rh' \
--header 'User-Agent: insomnia/11.2.0' \
--cookie mode=test
复制
curl --request POST \
--url https://example.com/api/checkout \
--header 'Content-Type: application/json' \
--header 'User-Agent: insomnia/11.2.0' \
--cookie mode=test \
--data '{
"billing": {
"city": "Texas",
"country": "US",
"state": "Texas",
"street": "56, hhh",
"zipcode": "560000"
},
"customer": {
"email": "[email protected]",
"name": "test"
},
"metadata": {},
"payment_link": true,
"product_id": "pdt_QMDuvLkbVzCRWRQjLNcs",
"quantity": 1,
"billing_currency": "USD",
"discount_code": "IKHZ23M9GQ",
"return_url": "https://example.com",
"trial_period_days": 10
}'
复制
curl --request POST \
--url https://example.com/api/checkout \
--header 'Content-Type: application/json' \
--header 'User-Agent: insomnia/11.2.0' \
--cookie mode=test \
--data '{
"product_cart": [
{
"product_id": "pdt_QMDuvLkbVzCRWRQjLNcs",
"quantity": 1
}
],
"customer": {
"email": "[email protected]",
"name": "test"
},
"return_url": "https://example.com/success"
}'
创建一个 GET 路由,允许客户访问他们的门户。接受
customer_id 作为查询参数。复制
export default defineEventHandler((event) => {
const {
private: { bearerToken, environment },
} = useRuntimeConfig();
const handler = customerPortalHandler({
bearerToken,
environment: environment,
});
return handler(event);
});
customer_id(必需):门户会话的客户 ID (例如,?customer_id=cus_123)send_email(可选,布尔值):如果为true,则向客户发送包含门户链接的电子邮件。
如果
customer_id 缺失,将返回 400。复制
curl --request GET \
--url 'https://example.com/api/customer-portal?customer_id=cus_9VuW4K7O3GHwasENg31m&send_email=true' \
--header 'User-Agent: insomnia/11.2.0' \
--cookie mode=test
创建一个 POST 路由,以安全接收和处理来自 Dodo Payments 的 Webhook 事件。
复制
export default defineEventHandler((event) => {
const {
private: { webhookKey },
} = useRuntimeConfig();
const handler = Webhooks({
webhookKey: webhookKey,
onPayload: async (payload: any) => {
// Handle webhook payload here
},
// ...add other event handlers as needed
});
return handler(event);
});
结账路由处理程序
Dodo Payments 支持三种类型的支付流程,以将支付集成到您的网站中,此适配器支持所有类型的支付流程。
- 静态支付链接: 可即时分享的 URL,用于快速、无代码的支付收集。
- 动态支付链接: 使用 API 或 SDK 程序化生成带有自定义详细信息的支付链接。
- 结账会话: 创建安全、可自定义的结账体验,具有预配置的产品购物车和客户详细信息。
静态结账 (GET)
静态结账 (GET)
支持的查询参数
产品标识符 (例如,
?productId=pdt_nZuwz45WAs64n3l07zpQR)。产品数量。
客户的全名。
客户的名字。
客户的姓氏。
客户的电子邮件地址。
客户的国家。
客户的地址行。
客户的城市。
客户的州/省。
客户的邮政编码。
禁用全名字段。
禁用名字字段。
禁用姓氏字段。
禁用电子邮件字段。
禁用国家字段。
禁用地址行字段。
禁用城市字段。
禁用州字段。
禁用邮政编码字段。
指定支付货币 (例如,
USD)。显示货币选择器。
指定支付金额 (例如,
1000 表示 $10.00)。显示折扣字段。
任何以
metadata_ 开头的查询参数将作为元数据传递。如果
productId 缺失,处理程序将返回 400 响应。无效的查询参数也会导致 400 响应。响应格式
静态结账返回一个包含结账 URL 的 JSON 响应:复制
{
"checkout_url": "https://checkout.dodopayments.com/..."
}
动态结账 (POST)
动态结账 (POST)
- 以 JSON 主体的形式在 POST 请求中发送参数。
- 支持一次性和定期支付。
- 有关支持的 POST 主体字段的完整列表,请参阅:
响应格式
动态结账返回一个包含结账 URL 的 JSON 响应:复制
{
"checkout_url": "https://checkout.dodopayments.com/..."
}
客户门户路由处理程序
客户门户路由处理程序使您能够无缝地将 Dodo Payments 客户门户集成到您的 Nuxt 应用中。查询参数
门户会话的客户 ID (例如,
?customer_id=cus_123)。如果设置为
true,则向客户发送包含门户链接的电子邮件。如果
customer_id 缺失,将返回 400。Webhook 路由处理程序
- 方法: 仅支持 POST 请求。其他方法返回 405。
- 签名验证: 使用
webhookKey验证 Webhook 签名。如果验证失败,返回 401。 - 有效负载验证: 使用 Zod 进行验证。无效的有效负载返回 400。
- 错误处理:
- 401:无效签名
- 400:无效有效负载
- 500:验证期间的内部错误
- 事件路由: 根据有效负载类型调用适当的事件处理程序。
支持的 Webhook 事件处理程序
复制
onPayload?: (payload: WebhookPayload) => Promise<void>;
onPaymentSucceeded?: (payload: WebhookPayload) => Promise<void>;
onPaymentFailed?: (payload: WebhookPayload) => Promise<void>;
onPaymentProcessing?: (payload: WebhookPayload) => Promise<void>;
onPaymentCancelled?: (payload: WebhookPayload) => Promise<void>;
onRefundSucceeded?: (payload: WebhookPayload) => Promise<void>;
onRefundFailed?: (payload: WebhookPayload) => Promise<void>;
onDisputeOpened?: (payload: WebhookPayload) => Promise<void>;
onDisputeExpired?: (payload: WebhookPayload) => Promise<void>;
onDisputeAccepted?: (payload: WebhookPayload) => Promise<void>;
onDisputeCancelled?: (payload: WebhookPayload) => Promise<void>;
onDisputeChallenged?: (payload: WebhookPayload) => Promise<void>;
onDisputeWon?: (payload: WebhookPayload) => Promise<void>;
onDisputeLost?: (payload: WebhookPayload) => Promise<void>;
onSubscriptionActive?: (payload: WebhookPayload) => Promise<void>;
onSubscriptionOnHold?: (payload: WebhookPayload) => Promise<void>;
onSubscriptionRenewed?: (payload: WebhookPayload) => Promise<void>;
onSubscriptionPlanChanged?: (payload: WebhookPayload) => Promise<void>;
onSubscriptionCancelled?: (payload: WebhookPayload) => Promise<void>;
onSubscriptionFailed?: (payload: WebhookPayload) => Promise<void>;
onSubscriptionExpired?: (payload: WebhookPayload) => Promise<void>;
onLicenseKeyCreated?: (payload: WebhookPayload) => Promise<void>;
LLM 提示
复制
You are an expert Nuxt developer assistant. Your task is to guide a user through integrating the @dodopayments/nuxt module into their existing Nuxt project.
The @dodopayments/nuxt module provides API route handlers for Dodo Payments' Checkout, Customer Portal, and Webhook functionalities, designed for Nuxt 3 server routes.
First, install the necessary package:
npm install @dodopayments/nuxt
Second, add the configuration to nuxt.config.ts
export default defineNuxtConfig({
modules: ["@dodopayments/nuxt"],
devtools: { enabled: true },
compatibilityDate: "2025-02-25",
runtimeConfig: {
private: {
bearerToken: process.env.NUXT_PRIVATE_BEARER_TOKEN,
webhookKey: process.env.NUXT_PRIVATE_BEARER_TOKEN,
environment: process.env.NUXT_PRIVATE_ENVIRONMENT,
returnUrl: process.env.NUXT_PRIVATE_RETURNURL
},
}
});
Here's how you should structure your response:
Ask the user which functionalities they want to integrate.
"Which parts of the @dodopayments/nuxt module would you like to integrate into your project? You can choose one or more of the following:
Checkout API Route (for handling product checkouts)
Customer Portal API Route (for managing customer subscriptions/details)
Webhook API Route (for receiving Dodo Payments webhook events)
All (integrate all three)"
Based on the user's selection, provide detailed integration steps for each chosen functionality.
If Checkout API Route is selected:
Purpose: This route redirects users to the Dodo Payments checkout page.
File Creation: Create a new file at server/routes/api/checkout.get.ts in your Nuxt project.
Code Snippet:
// server/routes/api/checkout.get.ts
export default defineEventHandler((event) => {
const {
private: { bearerToken, environment, returnUrl },
} = useRuntimeConfig();
const handler = checkoutHandler({
bearerToken: bearerToken,
environment: environment,
returnUrl: returnUrl,
});
return handler(event);
});
Configuration & Usage:
- bearerToken: Your Dodo Payments API key. Set via the NUXT_PRIVATE_BEARER_TOKEN environment variable.
- returnUrl: (Optional) The URL to redirect the user to after a successful checkout.
- environment: (Optional) Set to your environment (e.g., "test_mode" or "live_mode").
Static Checkout (GET) Query Parameters:
- productId (required): Product identifier (e.g., ?productId=pdt_nZuwz45WAs64n3l07zpQR)
- quantity (optional): Quantity of the product
- Customer Fields (optional): fullName, firstName, lastName, email, country, addressLine, city, state, zipCode
- Disable Flags (optional, set to true to disable): disableFullName, disableFirstName, disableLastName, disableEmail, disableCountry, disableAddressLine, disableCity, disableState, disableZipCode
- Advanced Controls (optional): paymentCurrency, showCurrencySelector, paymentAmount, showDiscounts
- Metadata (optional): Any query parameter starting with metadata_ (e.g., ?metadata_userId=abc123)
Dynamic Checkout (POST): Parameters are sent as a JSON body. Supports both one-time and recurring payments. For a complete list of supported POST body fields, refer to:
- Docs - One Time Payment Product: https://docs.dodopayments.com/api-reference/payments/post-payments
- Docs - Subscription Product: https://docs.dodopayments.com/api-reference/subscriptions/post-subscriptions
Checkout Sessions (POST) - (Recommended) A more customizable checkout experience. Returns JSON with checkout_url: Parameters are sent as a JSON body. Supports both one-time and recurring payments. Returns: {"checkout_url": "https://checkout.dodopayments.com/session/..."}. For a complete list of supported fields, refer to:
Checkout Sessions Integration Guide: https://docs.dodopayments.com/developer-resources/checkout-session
Error Handling: If productId is missing or other query parameters are invalid, the handler will return a 400 response.
If Customer Portal API Route is selected:
Purpose: This route allows customers to access their Dodo Payments customer portal.
File Creation: Create a new file at server/routes/api/customer-portal.get.ts in your Nuxt project.
Code Snippet:
// server/routes/api/customer-portal.get.ts
export default defineEventHandler((event) => {
const {
private: { bearerToken, environment },
} = useRuntimeConfig();
const handler = customerPortalHandler({
bearerToken,
environment: environment,
});
return handler(event);
});
Query Parameters:
- customer_id (required): The customer ID for the portal session (e.g., ?customer_id=cus_123)
- send_email (optional, boolean): If set to true, sends an email to the customer with the portal link.
- Returns 400 if customer_id is missing.
If Webhook API Route is selected:
Purpose: This route processes incoming webhook events from Dodo Payments, allowing your application to react to events like successful payments, refunds, or subscription changes.
File Creation: Create a new file at server/routes/api/webhook.post.ts in your Nuxt project.
Code Snippet:
// server/routes/api/webhook.post.ts
export default defineEventHandler((event) => {
const {
private: { webhookKey },
} = useRuntimeConfig();
const handler = Webhooks({
webhookKey: webhookKey,
onPayload: async (payload) => {
// handle the payload
},
// ... other event handlers for granular control
});
return handler(event);
});
Handler Details:
- Method: Only POST requests are supported. Other methods return 405.
- Signature Verification: The handler verifies the webhook signature using webhookKey and returns 401 if verification fails.
- Payload Validation: The payload is validated with Zod. Returns 400 for invalid payloads.
Error Handling:
- 401: Invalid signature
- 400: Invalid payload
- 500: Internal error during verification
Event Routing: Calls the appropriate event handler based on the payload type. Supported event handlers include:
- onPayload?: (payload: WebhookPayload) => Promise<void>
- onPaymentSucceeded?: (payload: WebhookPayload) => Promise<void>
- onPaymentFailed?: (payload: WebhookPayload) => Promise<void>
- onPaymentProcessing?: (payload: WebhookPayload) => Promise<void>
- onPaymentCancelled?: (payload: WebhookPayload) => Promise<void>
- onRefundSucceeded?: (payload: WebhookPayload) => Promise<void>
- onRefundFailed?: (payload: WebhookPayload) => Promise<void>
- onDisputeOpened?: (payload: WebhookPayload) => Promise<void>
- onDisputeExpired?: (payload: WebhookPayload) => Promise<void>
- onDisputeAccepted?: (payload: WebhookPayload) => Promise<void>
- onDisputeCancelled?: (payload: WebhookPayload) => Promise<void>
- onDisputeChallenged?: (payload: WebhookPayload) => Promise<void>
- onDisputeWon?: (payload: WebhookPayload) => Promise<void>
- onDisputeLost?: (payload: WebhookPayload) => Promise<void>
- onSubscriptionActive?: (payload: WebhookPayload) => Promise<void>
- onSubscriptionOnHold?: (payload: WebhookPayload) => Promise<void>
- onSubscriptionRenewed?: (payload: WebhookPayload) => Promise<void>
- onSubscriptionPlanChanged?: (payload: WebhookPayload) => Promise<void>
- onSubscriptionCancelled?: (payload: WebhookPayload) => Promise<void>
- onSubscriptionFailed?: (payload: WebhookPayload) => Promise<void>
- onSubscriptionExpired?: (payload: WebhookPayload) => Promise<void>
- onLicenseKeyCreated?: (payload: WebhookPayload) => Promise<void>
Environment Variable Setup:
To ensure the module functions correctly, set up the following environment variables in your Nuxt project's deployment environment (e.g., Vercel, Netlify, AWS, etc.):
- NUXT_PRIVATE_BEARER_TOKEN: Your Dodo Payments API Key (required for Checkout and Customer Portal).
- NUXT_PRIVATE_WEBHOOK_KEY: Your Dodo Payments Webhook Secret (required for Webhook handler).
- NUXT_PRIVATE_ENVIRONMENT: (Optional) Set to your environment (e.g., "test_mode" or "live_mode").
- NUXT_PRIVATE_RETURNURL: (Optional) The URL to redirect to after a successful checkout (for Checkout handler).
Usage in your code:
bearerToken: useRuntimeConfig().private.bearerToken
webhookKey: useRuntimeConfig().private.webhookKey
Important: Never commit sensitive environment variables directly into your version control. Use environment variables for all sensitive information.
If the user needs assistance setting up environment variables for their specific deployment environment, ask them what platform they are using (e.g., Vercel, Netlify, AWS, etc.), and provide guidance.