Integracion por SDK

Esta pantalla ejecuta la creacion del checkout desde una Route Handler de Next. La clave de API nunca sale al navegador y el cliente solo redirige al hostedUrl alojado de Andorpay.

Server-side

SDK Andorpay

import { Andorpay } from "@andorpay/sdk"

const andorpay = new Andorpay({
  apiKey: process.env.ANDORPAY_API_KEY,
  baseUrl: process.env.ANDORPAY_API_URL,
})

await andorpay.checkouts.create({
  externalCustomerId: "demo_ana",
  productId: process.env.ANDORPAY_PRODUCT_CITYPACK_ID,
  amount: 8990,
  customer: {
    email: "ana.demo@example.com",
    name: "Ana Demo",
  },
  successUrl: "https://demo.andorpay.com/ok",
  failUrl: "https://demo.andorpay.com/ko",
}, {
  idempotencyKey: "demo_sdk_citypack_ana",
})
const checkout = await andorpay.checkouts.create(input, {
  idempotencyKey: "demo_sdk_citypack_ana",
})

window.location.assign(checkout.hostedUrl)
Demo request

Payload local

POST /api/sdk-checkout

{
  "productId": "citypack",
  "customer": {
    "name": "Ana Demo",
    "email": "ana.demo@example.com"
  }
}

Probar checkout SDK

Selecciona un producto mock y lanza el flujo real con la configuracion de tu entorno.

Travel89,90 €

City Pack 18L

Mochila compacta para portatil, cables y compras de ultima hora.

Entrega 24h
Home64,90 €

Focus Lamp

Lampara regulable con base de aluminio y carga USB-C.

Top ventas
Outdoor129,00 €

Alpine Shell

Chaqueta ligera, impermeable y preparada para cambios de tiempo.

Nueva temporada
Daily29,90 €

Thermo Mug

Vaso termico de acero con cierre seguro para oficina o viaje.

Stock local