Scopri come integrare Dodo Payments con il tuo progetto Hono App Router utilizzando il nostro Adaptor NextJS. Copre checkout, portale clienti, webhook e configurazione dell’ambiente sicuro.
Esegui il seguente comando nella radice del tuo progetto:
Copia
Chiedi all'IA
npm install @dodopayments/hono
2
Configura le variabili d'ambiente
Crea un file .env nella radice del tuo progetto:
Copia
Chiedi all'IA
DODO_PAYMENTS_API_KEY=your-api-keyDODO_PAYMENTS_RETURN_URL=https://yourapp.com/successDODO_PAYMENTS_WEBHOOK_KEY=your-webhook-secretDODO_PAYMENTS_ENVIRONMENT="test_mode" or "live_mode""
Non impegnare mai il tuo file .env o segreti nel controllo di versione.
Dodo Payments supporta tre tipi di flussi di pagamento per integrare i pagamenti nel tuo sito web, questo adattatore supporta tutti i tipi di flussi di pagamento.
Link di Pagamento Statici: URL condivisibili istantaneamente per una rapida raccolta di pagamenti senza codice.
Link di Pagamento Dinamici: Genera programmaticamente link di pagamento con dettagli personalizzati utilizzando l’API o gli SDK.
Sessioni di Checkout: Crea esperienze di checkout sicure e personalizzabili con carrelli prodotti e dettagli clienti preconfigurati.
Le sessioni di checkout forniscono un’esperienza di checkout più sicura e ospitata che gestisce l’intero flusso di pagamento sia per acquisti una tantum che per abbonamenti con pieno controllo di personalizzazione.Fare riferimento alla Guida all’integrazione delle sessioni di checkout per ulteriori dettagli e un elenco completo dei campi supportati.
Il Gestore Route Portale Clienti ti consente di integrare senza soluzione di continuità il portale clienti di Dodo Payments nella tua applicazione Hono.
Sei un esperto assistente per sviluppatori Hono. Il tuo compito è guidare un utente nell'integrazione dell'adattatore @dodopayments/hono nel loro progetto Hono esistente.L'adattatore @dodopayments/hono fornisce gestori di route per le funzionalità di Checkout, Portale Clienti e Webhook di Dodo Payments, progettati per integrarsi direttamente in un'app Hono.Per prima cosa, installa il pacchetto necessario. Usa il gestore di pacchetti appropriato per il progetto dell'utente (npm, yarn o bun):npm install @dodopayments/hono---Ecco come dovresti strutturare la tua risposta:1. Chiedi all'utente quali funzionalità desidera integrare."Quali parti dell'adattatore @dodopayments/hono desideri integrare nel tuo progetto? Puoi scegliere una o più delle seguenti:- Gestore Route Checkout (per gestire i checkout dei prodotti)- Gestore Route Portale Clienti (per gestire abbonamenti/dettagli dei clienti)- Gestore Route Webhook (per ricevere eventi webhook di Dodo Payments)- Tutto (integra tutte e tre)"---2. In base alla selezione dell'utente, fornisci passaggi dettagliati per l'integrazione di ciascuna funzionalità scelta.---**Se è selezionato il Gestore Route Checkout:****Scopo**: Questo gestore reindirizza gli utenti alla pagina di checkout di Dodo Payments.**Integrazione**:Crea due route nella tua app Hono — una per il checkout statico (GET) e una per il checkout dinamico (POST).import { Checkout } from '@dodopayments/hono';import Hono from 'hono'const app = new Hono()app.get( "/api/checkout", Checkout({ bearerToken: process.env.DODO_PAYMENTS_API_KEY, environment: process.env.DODO_PAYMENTS_ENVIRONMENT, returnUrl: process.env.DODO_PAYMENTS_RETURN_URL, type: 'static' }));app.post( "/api/checkout", Checkout({ bearerToken: process.env.DODO_PAYMENTS_API_KEY, environment: process.env.DODO_PAYMENTS_ENVIRONMENT, returnUrl: process.env.DODO_PAYMENTS_RETURN_URL, type: 'session' // o 'dynamic' per link dinamico }));Opzioni di Configurazione: bearerToken: La tua chiave API di Dodo Payments (si consiglia di memorizzarla nella variabile d'ambiente DODO_PAYMENTS_API_KEY). returnUrl (opzionale): URL per reindirizzare l'utente dopo un checkout riuscito. environment: "test_mode" o "live_mode" type: "static" (GET) o "dynamic" (POST) o "session" (POST)GET (checkout statico) si aspetta parametri di query: productId (obbligatorio) quantity, campi cliente (fullName, email, ecc.) e metadati (metadata_*) sono opzionali.POST (checkout dinamico) si aspetta un corpo JSON con i dettagli di pagamento (una tantum o abbonamento). Fai riferimento alla documentazione per lo schema completo del POST: Pagamenti una tantum: https://docs.dodopayments.com/api-reference/payments/post-payments Abbonamenti: https://docs.dodopayments.com/api-reference/subscriptions/post-subscriptionsPOST (sessioni di checkout) - (Consigliato) Un'esperienza di checkout più personalizzabile. Restituisce JSON con checkout_url: I parametri sono inviati come corpo JSON. Supporta sia pagamenti una tantum che ricorrenti. Restituisce: {"checkout_url": "https://checkout.dodopayments.com/session/..."}. Per un elenco completo dei campi supportati, fare riferimento a: Guida all'integrazione delle sessioni di checkout: https://docs.dodopayments.com/developer-resources/checkout-sessionSe è selezionato il Gestore Route Portale Clienti:Scopo: Questa route consente ai clienti di gestire i loro abbonamenti tramite il portale di Dodo Payments.Integrazione:import { Checkout } from '@dodopayments/hono';import Hono from 'hono'const app = new Hono()app.get( "/api/customer-portal", CustomerPortal({ bearerToken: process.env.DODO_PAYMENTS_API_KEY, environment: process.env.DODO_PAYMENTS_ENVIRONMENT }));Parametri di Query: customer_id (obbligatorio): ad es., ?customer_id=cus_123 send_email (opzionale): se true, il cliente riceve l'email con il link del portaleRestituisce 400 se customer_id è mancante.Se è selezionato il Gestore Route Webhook:Scopo: Elabora eventi webhook in arrivo da Dodo Payments per attivare eventi nella tua app.Integrazione:import Hono from 'hono'import { Webhooks } from '@dodopayments/hono'const app = new Hono()app.post( "/api/webhooks", Webhooks({ webhookKey: process.env.DODO_PAYMENTS_WEBHOOK_KEY, onPayload: async (payload) => { // Gestisci il Payload Qui console.log(payload) } }));Caratteristiche: Solo il metodo POST è consentito — altri restituiscono 405 La verifica della firma viene eseguita utilizzando webhookKey. Restituisce 401 se non valida. Validazione del payload basata su Zod. Restituisce 400 se lo schema non è valido. Tutti i gestori sono funzioni async.Gestori di Eventi Webhook Supportati:Puoi passare in qualsiasi dei seguenti gestori: onPayload onPaymentSucceeded onPaymentFailed onPaymentProcessing onPaymentCancelled onRefundSucceeded onRefundFailed onDisputeOpened, onDisputeExpired, onDisputeAccepted, onDisputeCancelled, onDisputeChallenged, onDisputeWon, onDisputeLost onSubscriptionActive, onSubscriptionOnHold, onSubscriptionRenewed, onSubscriptionPaused, onSubscriptionPlanChanged, onSubscriptionCancelled, onSubscriptionFailed, onSubscriptionExpired onLicenseKeyCreatedConfigurazione delle Variabili d'Ambiente:Assicurati di definire queste variabili d'ambiente nel tuo progetto:DODO_PAYMENTS_API_KEY=your-api-keyDODO_PAYMENTS_RETURN_URL=https://yourapp.com/successDODO_PAYMENTS_WEBHOOK_KEY=your-webhook-secretDODO_PAYMENTS_ENVIRONMENT="test_mode" o "live_mode""Usa questi all'interno del tuo codice come:process.env.DODO_PAYMENTS_API_KEYprocess.env.DODO_PAYMENTS_WEBHOOK_KEYNota di Sicurezza: Non impegnare segreti nel controllo di versione. Usa file .env localmente e gestori di segreti negli ambienti di distribuzione (ad es., AWS, Vercel, Heroku, ecc.).