GitHub Repository
Plantilla completa de Expo + React Native + Dodo Payments
Descripción general
Una plantilla lista para producción para integrar Dodo Payments en aplicaciones de Expo/React Native. Esta plantilla incluye la creación de sesiones de checkout, manejo de pagos y una configuración adecuada de TypeScript para ayudarte a comenzar a aceptar pagos en tu aplicación móvil rápidamente.Esta plantilla usa Expo SDK con TypeScript e incluye implementaciones de ejemplo para sesiones de pago y procesamiento de pagos.
Requisitos previos
- Node.js 18+
- Expo CLI o EAS CLI
- Cuenta de Dodo Payments (clave API desde el panel de control)
- Simulador de iOS o emulador de Android (o dispositivo físico)
Inicio rápido
1
Clone the Repository
Clona el repositorio de la plantilla y navega al directorio del proyecto:
2
Get Your API Credentials
Obtén tus credenciales desde el panel de Dodo Payments en Modo de Prueba:
- Clave API: Navega a Desarrollador → Claves API en tu panel de control
3
Configure Environment Variables
Crea un archivo Agrega tus credenciales de Dodo Payments:
.env en el directorio raíz:.env
4
Install Dependencies
Instala los paquetes npm necesarios:
5
Start the Development Server
Inicia el servidor de desarrollo de Expo:Escanea el código QR con la app Expo Go en tu dispositivo o presiona
i para el simulador de iOS o a para el emulador de Android.¡Ya puedes comenzar a crear! El código base incluye pantallas y componentes de ejemplo para ayudarte a comprender la integración.
Qué incluye
El código base incluye elementos esenciales preconfigurados:Checkout Integration
Implementación de ejemplo para crear y gestionar sesiones de checkout
Payment Handling
Flujo de pago completo con gestión de casos de éxito y error
TypeScript Support
Configuración completa de TypeScript con definiciones de tipos adecuadas
Expo Router
Configuración de navegación con Expo Router para un enrutamiento fluido
Estructura del proyecto
Próximos pasos
Una vez que el código base esté en ejecución:1
Create Your Products
Añade productos en tu panel de Dodo Payments para habilitar la funcionalidad de checkout.
2
Customize the Integration
Adapta el código de ejemplo para que coincida con las necesidades y el diseño de tu aplicación.
3
Test on Real Devices
Prueba el flujo de pago en dispositivos físicos para asegurarte de que todo funcione correctamente.
4
Go Live
Cuando estés listo, cambia a las claves de API de Live Mode y compila tu app para producción.
Compilación para producción
1
Install EAS CLI
2
Configure EAS
3
Build Your App
Para iOS:Para Android:
Recursos adicionales
Mobile Integration Guide
Guía detallada para implementar pagos en aplicaciones móviles
Integration Guide
Guía detallada para implementar pagos únicos
API Reference
Consulta la documentación completa de la API de Dodo Payments
Soporte
¿Necesitas ayuda con el código base?- Únete a nuestra comunidad de Discord para hacer preguntas y participar en debates
- Consulta el repositorio de GitHub para ver problemas y actualizaciones
- Ponte en contacto con nuestro equipo de soporte para obtener ayuda