SDK de Facturación

​

Descripción General

• Componentes de React: Componentes de facturación preconstruidos y personalizables para aplicaciones de React
• Herramientas de CLI: Interfaz de línea de comandos para la inicialización de proyectos y gestión de componentes
• Soporte de Frameworks: Integración con Next.js, Express.js, Hono, Fastify y React
• Proveedor de Pagos: Integración completa con Dodo Payments

​

Inicio Rápido

npx @billingsdk/cli --help

npm install -g @billingsdk/cli

npx @billingsdk/cli init

npx @billingsdk/cli add pricing-table-one
npx @billingsdk/cli add subscription-management

​

Frameworks Soportados

​

Comandos de CLI

​

@billingsdk/cli init

1. Selección de Framework: Elige tu framework preferido
2. Instalación de Plantillas: Descarga e instala plantillas específicas del framework con integración de Dodo Payments
3. Gestión de Dependencias: Instala automáticamente las dependencias requeridas
4. Generación de Archivos: Crea los archivos de configuración necesarios y el código base

npx @billingsdk/cli init

​

@billingsdk/cli add

# Add a pricing table
npx @billingsdk/cli add pricing-table-one

# Add subscription management
npx @billingsdk/cli add subscription-management

# Add usage monitoring
npx @billingsdk/cli add usage-meter-circle

1. Descarga la configuración del componente desde el registro
2. Instala los archivos del componente en tu components/billingsdk/ directorio
3. Actualiza la configuración de tu proyecto si es necesario
4. Instala cualquier dependencia adicional

​

Estructura de Archivos Generados

• Rutas API: Puntos finales completos para checkout, clientes, productos, suscripciones y webhooks
• Hooks: Hooks de React para operaciones de facturación (si usas React/Next.js)
• Archivos de Biblioteca: Inicialización del cliente del proveedor de pagos y utilidades
• Configuración del Entorno: Archivos de variables de entorno de ejemplo

​

Estructura de Ejemplo de Next.js

your-project/
├── app/api/
│   └── (dodopayments)/
│       ├── checkout/route.ts
│       ├── customer/route.ts
│       ├── customer/payments/route.ts
│       ├── customer/subscriptions/route.ts
│       ├── product/route.ts
│       ├── products/route.ts
│       └── webhook/route.ts
├── hooks/
│   └── useBilling.ts
├── lib/
│   └── dodopayments.ts
└── .env.example

​

Configuración del Entorno

# DodoPayments
DODO_PAYMENTS_API_KEY=your_api_key_here
DODO_PAYMENTS_ENVIRONMENT=test_mode
DODO_PAYMENTS_WEBHOOK_KEY=your_webhook_key_here

# App URL
NEXT_PUBLIC_APP_URL=http://localhost:3000

​

Componentes Disponibles

• Tablas de Precios: Múltiples variantes para mostrar precios de productos
• Gestión de Suscripciones: Componentes para gestionar suscripciones de clientes
• Monitoreo de Uso: Componentes visuales para rastrear la facturación basada en el uso
• Componentes de Checkout: Flujos de checkout preconstruidos
• Portal del Cliente: Componentes para autoservicio del cliente

​

Código Abierto

• 🔍 Transparencia: Visibilidad total sobre cómo funcionan los componentes
• 🤝 Comunidad: Construido por desarrolladores, para desarrolladores
• 🔒 Seguridad: Código abierto significa mejor seguridad a través de la revisión por pares
• 📈 Innovación: Iteración más rápida a través de contribuciones de la comunidad

​

Obtener Ayuda

• Problemas de GitHub: Abre un problema
• Documentación: Visita billingsdk.com/docs
• Documentación Completa de LLMs: billingsdk.com/llms-full.txt

​

Contribuyendo

• Informar errores
• Solicitar funciones
• Enviar solicitudes de extracción
• Agregar nuevos componentes
• Mejorar la documentación

​

Aprende Más