Integrar con Remix
Agrega cobros y pagos a tu aplicación de Remix.
Usa este prompt prearmado para integrar Commet más rápido con asistentes de IA.
Instalar
pnpm add @commet/node @remix-run/nodenpm install @commet/node @remix-run/nodeyarn add @commet/node @remix-run/nodebun add @commet/node @remix-run/nodeConfigurar
COMMET_API_KEY=ck_sandbox_xxxEl sufijo .server.ts asegura que este módulo nunca se incluya en el código del cliente.
import { Commet } from '@commet/node'
export const commet = new Commet({
apiKey: process.env.COMMET_API_KEY!,
})Suscribir
customers.create es idempotente — si ya existe un cliente con el mismo id, retorna el registro existente.
import { redirect, type ActionFunctionArgs } from '@remix-run/node'
import { commet } from '~/lib/commet.server'
export async function action({ request }: ActionFunctionArgs) {
const formData = await request.formData()
const customerId = String(formData.get('customerId'))
const email = String(formData.get('email'))
await commet.customers.create({ email, id: customerId })
const subscription = await commet.subscriptions.create({
customerId,
planCode: 'pro',
})
return redirect(subscription.data.checkoutUrl!)
}Verificar Acceso
import { json, type LoaderFunctionArgs } from '@remix-run/node'
import { commet } from '~/lib/commet.server'
export async function loader({ request }: LoaderFunctionArgs) {
const url = new URL(request.url)
const customerId = url.searchParams.get('customerId')!
const { data: subscription } = await commet.subscriptions.get(customerId)
const { data: feature } = await commet.features.check({
code: 'api_calls',
customerId,
})
return json({
status: subscription.status,
allowed: feature.allowed,
})
}Trackear Uso
import { json, type ActionFunctionArgs } from '@remix-run/node'
import { commet } from '~/lib/commet.server'
export async function action({ request }: ActionFunctionArgs) {
const { customerId } = await request.json()
await commet.usage.track({
customerId,
feature: 'api_calls',
value: 1,
})
return json({ tracked: true })
}El uso se agrega y se cobra al final del período.
Portal del Cliente
import { redirect, type LoaderFunctionArgs } from '@remix-run/node'
import { commet } from '~/lib/commet.server'
export async function loader({ request }: LoaderFunctionArgs) {
const customerId = 'user_123'
const { data } = await commet.portal.getUrl({ customerId })
return redirect(data.portalUrl)
}Relacionado
¿Cómo está esta guía?