Framework Adaptors का अवलोकन

Dodo Payments आधिकारिक framework adaptors प्रदान करता है, जो payment integration को सरल बनाते हैं। प्रत्येक adaptor को आपके framework के conventions के साथ सहज रूप से काम करने के लिए डिज़ाइन किया गया है, जो checkout, customer portal और webhook handling पहले से उपलब्ध कराता है।

Framework adaptors आपको 10 lines से कम code में Dodo Payments integrate करने देते हैं। ये authentication, request parsing और response formatting को स्वचालित रूप से संभालते हैं।

उपलब्ध Framework Adaptors

अपने framework से मेल खाने वाला adaptor चुनें:

Next.js

checkout, portal और webhooks के लिए route handlers के साथ App Router support

Nuxt

server routes integration वाला Vue-based full-stack framework

Express

लोकप्रिय Node.js framework के लिए middleware-based handlers

Fastify

plugin architecture वाला high-performance Node.js framework

Hono

edge, Cloudflare Workers और अन्य के लिए ultrafast web framework

Astro

server endpoints support वाला content-focused framework

SvelteKit

server hooks integration वाला full-stack Svelte framework

Remix

loader और action handlers वाला full-stack React framework

TanStack Start

server functions वाला type-safe full-stack React framework

Better Auth

seamless auth + payments के लिए authentication framework plugin

Convex

real-time payment sync के लिए Backend-as-a-Service component

Bun

checkout, portal और webhooks के लिए native Bun.serve() handlers

मुख्य सुविधाएँ

सभी framework adaptors ये built-in capabilities प्रदान करते हैं:

सुविधा	विवरण
Checkout Handler	static, dynamic और session-based checkout flows के लिए support
Customer Portal	subscription और billing management के लिए पहले से निर्मित handler
Webhook Handler	typed event handlers के साथ सुरक्षित signature verification
Environment Config	environment variables के माध्यम से आसान setup
Type Safety	typed payloads के साथ पूर्ण TypeScript support

त्वरित शुरुआत

तीन steps में किसी भी framework adaptor के साथ शुरुआत करें:

Install the Adaptor

framework-specific adaptor install करने के लिए अपने package manager का उपयोग करें:

npm install @dodopayments/nextjs

npm install @dodopayments/nuxt

npm install @dodopayments/express

npm install @dodopayments/hono

npm install @dodopayments/astro

npm install @dodopayments/sveltekit

Configure Environment Variables

अपने environment में अपने Dodo Payments credentials जोड़ें:

DODO_PAYMENTS_API_KEY=your-api-key
DODO_PAYMENTS_WEBHOOK_KEY=your-webhook-secret
DODO_PAYMENTS_RETURN_URL=https://yourdomain.com/checkout/success
DODO_PAYMENTS_ENVIRONMENT="test_mode" # or "live_mode"

अपनी .env file या secrets को version control में कभी commit न करें।

Create Route Handlers

अपने checkout, customer portal और webhook routes set up करें:

Next.js
Express
Hono

// app/checkout/route.ts
import { Checkout } from "@dodopayments/nextjs";

export const GET = Checkout({
  bearerToken: process.env.DODO_PAYMENTS_API_KEY,
  returnUrl: process.env.DODO_PAYMENTS_RETURN_URL,
  environment: process.env.DODO_PAYMENTS_ENVIRONMENT,
});

import { checkoutHandler } from '@dodopayments/express';

app.get('/api/checkout', checkoutHandler({
  bearerToken: process.env.DODO_PAYMENTS_API_KEY,
  returnUrl: process.env.DODO_PAYMENTS_RETURN_URL,
  environment: process.env.DODO_PAYMENTS_ENVIRONMENT,
}));

import { Checkout } from "@dodopayments/hono";

app.get('/checkout', Checkout({
  bearerToken: process.env.DODO_PAYMENTS_API_KEY,
  returnUrl: process.env.DODO_PAYMENTS_RETURN_URL,
  environment: process.env.DODO_PAYMENTS_ENVIRONMENT,
}));

अब आप payments process करने के लिए तैयार हैं! विस्तृत guides और सभी उपलब्ध options के लिए individual adaptor pages पर जाएँ।

Checkout Flow Types

सभी adaptors तीन checkout flow types support करते हैं:

Static Checkout (GET)

सरल और shareable payment links के लिए static checkout का उपयोग करें। product ID को query parameter के रूप में पास करें:

/api/checkout?productId=pdt_xxx&quantity=1

query parameters के माध्यम से optional customer prefill और customization support करता है।

Dynamic Checkout (POST)

custom details के साथ programmatically payments create करने के लिए dynamic checkout का उपयोग करें:

{
  "product_id": "pdt_xxx",
  "customer": {
    "email": "customer@example.com",
    "name": "John Doe"
  },
  "quantity": 1
}

one-time payments और subscriptions, दोनों को support करता है।

Checkout Sessions (POST)

cart support के साथ सबसे flexible checkout experience के लिए checkout sessions का उपयोग करें:

{
  "product_cart": [
    { "product_id": "pdt_xxx", "quantity": 1 },
    { "product_id": "pdt_yyy", "quantity": 2 }
  ],
  "customer": {
    "email": "customer@example.com"
  }
}

Checkout Sessions Guide में अधिक जानें।

Webhook Event Handling

सभी adaptors granular event callbacks के साथ type-safe webhook handling प्रदान करते हैं:

Webhooks({
  webhookKey: process.env.DODO_PAYMENTS_WEBHOOK_KEY,
  onPayload: async (payload) => {
    // Handle any webhook event
  },
  onPaymentSucceeded: async (payload) => {
    // Handle successful payments
  },
  onSubscriptionActive: async (payload) => {
    // Handle new subscriptions
  },
  // ... 20+ event types supported
});

सभी webhook handlers Zod schemas का उपयोग करके signatures को स्वचालित रूप से verify और payloads को validate करते हैं। Invalid requests को उचित error codes के साथ reject कर दिया जाता है।

सही Adaptor चुनना

Framework	Best For	Runtime
Next.js	App Router के साथ full-stack React apps	Node.js, Edge
Nuxt	Full-stack Vue.js applications	Node.js
Express	REST APIs और traditional Node.js apps	Node.js
Fastify	High-performance APIs	Node.js
Hono	Edge deployments, Cloudflare Workers	Edge, Node.js
Astro	Server endpoints वाली content sites	Node.js, Edge
SvelteKit	Full-stack Svelte applications	Node.js
Remix	Nested routing वाला full-stack React	Node.js
TanStack Start	Type-safe full-stack React	Node.js
Better Auth	पहले से Better Auth का उपयोग करने वाले apps	Various
Convex	Backend के लिए Convex का उपयोग करने वाले apps	Convex Runtime
Bun	Native Bun server applications	Bun

सहायता प्राप्त करना

Framework adaptors के साथ सहायता चाहिए?

Discord: Real-time सहायता के लिए हमारे community server से जुड़ें
Email: support@dodopayments.com पर हमसे संपर्क करें
GitHub: संबंधित adaptor repository पर issue खोलें
Documentation: हमारा API reference देखें

Getting Started

Features

Integrate

Merchant of Record

Miscellaneous

उपलब्ध Framework Adaptors

Next.js

Nuxt

Express

Fastify

Hono

Astro

SvelteKit

Remix

TanStack Start

Better Auth

Convex

Bun

मुख्य सुविधाएँ

त्वरित शुरुआत

Checkout Flow Types

Webhook Event Handling

सही Adaptor चुनना

सहायता प्राप्त करना

​उपलब्ध Framework Adaptors

Next.js

Nuxt

Express

Fastify

Hono

Astro

SvelteKit

Remix

TanStack Start

Better Auth

Convex

Bun

​मुख्य सुविधाएँ

​त्वरित शुरुआत

​Checkout Flow Types

​Webhook Event Handling

​सही Adaptor चुनना

​सहायता प्राप्त करना

उपलब्ध Framework Adaptors

मुख्य सुविधाएँ

त्वरित शुरुआत

Checkout Flow Types

Webhook Event Handling

सही Adaptor चुनना

सहायता प्राप्त करना