Skip to main content

GitHub Repository

Boilerplate completo Expo + React Native + Dodo Payments

​
Panoramica

Un boilerplate pronto per la produzione per integrare Dodo Payments nelle applicazioni Expo/React Native. Questo template include la creazione di sessioni di checkout, gestione dei pagamenti e una corretta configurazione di TypeScript per aiutarti a iniziare ad accettare pagamenti nella tua app mobile rapidamente.
Questo boilerplate utilizza Expo SDK con TypeScript e include implementazioni di esempio per sessioni di checkout e gestione dei pagamenti.

​
Requisiti

  • Node.js 18+
  • Expo CLI o EAS CLI
  • Account Dodo Payments (chiave API dal dashboard)
  • Simulatore iOS o Emulatore Android (o dispositivo fisico)

​
Avvio Veloce

1

Clone the Repository

Clona il repository del boilerplate e entra nella directory del progetto:
2

Get Your API Credentials

Ottieni le tue credenziali dalla dashboard di Dodo Payments in Modalità Test:
  • Chiave API: Naviga su Sviluppatore → Chiavi API nel tuo dashboard
Inizia con la Modalità Test per testare l’integrazione in modo sicuro senza processare pagamenti reali.
3

Configure Environment Variables

Crea un file .env nella directory principale:
Aggiungi le tue credenziali Dodo Payments:
.env
Non eseguire mai il commit del tuo file .env nel controllo versione. È già incluso in .gitignore.
Le variabili EXPO_PUBLIC_* sono incorporate nel bundle JavaScript distribuito e possono essere lette da chiunque scarichi la tua app. Le chiavi API di Dodo Payments sono bearer secret, quindi durante lo sviluppo usale solo con una chiave Test Mode. In produzione, crea sessioni di checkout sul tuo backend e passa all’app solo il valore checkout_url risultante — consulta Mobile Integration.
4

Install Dependencies

Installa i pacchetti npm richiesti:
5

Start the Development Server

Avvia il server di sviluppo Expo:
Scansiona il codice QR con l’app Expo Go sul tuo dispositivo oppure premi i per il simulatore iOS o a per l’emulatore Android.
Ora puoi iniziare a sviluppare! Il boilerplate include schermate e componenti di esempio che ti aiutano a comprendere l’integrazione.

​
Contenuto incluso

Il boilerplate include gli elementi essenziali preconfigurati:

Checkout Integration

Implementazione di esempio per la creazione e la gestione delle sessioni di checkout

Payment Handling

Flusso di pagamento completo con gestione dei successi e degli errori

TypeScript Support

Configurazione TypeScript completa con definizioni dei tipi appropriate

Expo Router

Configurazione della navigazione con Expo Router per un routing fluido

​
Struttura del progetto

​
Passaggi successivi

Dopo aver avviato il boilerplate:
1

Create Your Products

Aggiungi i prodotti nella tua dashboard di Dodo Payments per abilitare la funzionalità di checkout.
2

Customize the Integration

Adatta il codice di esempio alle esigenze e al design della tua applicazione.
3

Test on Real Devices

Testa il flusso di pagamento su dispositivi fisici per assicurarti che tutto funzioni correttamente.
4

Go Live

Quando sei pronto, passa alle chiavi API Live Mode e crea la build della tua app per la produzione.

​
Build per la produzione

1

Install EAS CLI

2

Configure EAS

3

Build Your App

Per iOS:
Per Android:

​
Risorse aggiuntive

Mobile Integration Guide

Guida dettagliata all’implementazione dei pagamenti nelle app mobile

Integration Guide

Guida dettagliata all’implementazione dei pagamenti una tantum

API Reference

Esplora la documentazione completa dell’API di Dodo Payments

​
Supporto

Hai bisogno di aiuto con il boilerplate?
Ultima modifica il 17 agosto 2026