Saltar al contenido principal
@capgo/capacitor-pay Comercio Código abierto

Pagar plugin Capacitor

Acepta pagos con Apple Pay y Google Pay para un checkout fluido

Instalar

bun add @capgo/capacitor-pay bunx cap sync
npm, pnpm o yarn
  • npm install @capgo/capacitor-pay
  • pnpm add @capgo/capacitor-pay
  • yarn add @capgo/capacitor-pay

Guía

Cómo usar Pay en Capacitor

Uso de @capgo/capacitor-pay

Plugin Capacitor para activar pagos nativos en iOS (Apple Pay) y Android (Google Pay).

Instalar

bun add @capgo/capacitor-pay
bunx cap sync

bunx cap sync copia el code nativo del plugin en tus proyectos nativos. Ejecútalo de nuevo tras cada actualización del plugin.

Importar

import { Pay } from '@capgo/capacitor-pay';

API de un vistazo

Método Descripción
isPayAvailable Comprueba si el pago nativo está disponible en la plataforma actual. En iOS evalúa Apple Pay y en Android Google Pay.
requestPayment Muestra la hoja de pago nativa de la plataforma actual. Proporciona la configuración de Apple Pay en iOS y la de Google Pay en Android.

Ejemplos

isPayAvailable()

Comprueba si el pago nativo está disponible en la plataforma actual. En iOS evalúa Apple Pay y en Android Google Pay.

import { Pay } from '@capgo/capacitor-pay';

const result = await Pay.isPayAvailable();
console.log(result);

requestPayment()

Muestra la hoja de pago nativa de la plataforma actual. Proporciona la configuración de Apple Pay en iOS y la de Google Pay en Android.

import { Pay } from '@capgo/capacitor-pay';

const result = await Pay.requestPayment({
  apple: {
    merchantIdentifier: 'merchant-identifier-123',
    countryCode: 'US',
    currencyCode: 'USD',
    paymentSummaryItems: [
      {
        label: 'Hello from Capacitor',
        amount: 'amount',
      },
    ],
    supportedNetworks: ['AmEx'],
  },
});
// The result holds sensitive values: use it without logging it.

Referencia completa

Continúa desde Uso de @capgo/capacitor-pay

Si estás usando Uso de @capgo/capacitor-pay para planificar pagos y compras, conéctalo con @capgo/capacitor-pay para los detalles de implementación en @capgo/capacitor-pay, Primeros pasos para los detalles de implementación en Primeros pasos, Precios de Capgo para el flujo de trabajo en Capgo Pricing, Sistema de pagos para el detalle de implementación en el sistema de pagos, y @capgo/native-purchases para el detalle de implementación en @capgo/native-purchases.

FAQ

FAQ del plugin Pay

¿Cómo instalo el plugin Pay en una app Capacitor?

Ejecuta "bun add @capgo/capacitor-pay" (o "npm install @capgo/capacitor-pay"), luego ejecuta "bunx cap sync" para que los proyectos de iOS y Android reconozcan el code nativo. Impórtalo desde "@capgo/capacitor-pay" en el code de tu app.

¿Es compatible @capgo/capacitor-pay con React, Vue y Angular?

Sí. Pay es un paquete Capacitor, por lo que funciona con cualquier framework web que se ejecute dentro de Capacitor, incluyendo Ionic, React, Vue, Angular, Svelte y JavaScript puro.

¿Qué versión de Capacitor es compatible con @capgo/capacitor-pay?

Los plugins de Capgo siguen la versión mayor de Capacitor: usa la versión mayor del plugin que coincida con la versión mayor de tu Capacitor (por ejemplo, el plugin v8 con Capacitor 8). La tabla de compatibilidad del README de GitHub lista las versiones mantenidas.

¿Es @capgo/capacitor-pay gratuito y de código abierto?

Sí. El código fuente de code es público en GitHub en https://github.com/Cap-go/capacitor-pay/ y el paquete es gratuito para instalar desde npm. Los reportes de bugs y pull requests son bienvenidos.

¿Puedo actualizar code que usa Pay sin pasar por la revisión de la App Store?

Instalar o actualizar el plugin cambia el code nativo, así que requiere un nuevo build para la tienda. Después, los cambios de JavaScript, HTML y CSS que llamen al plugin se pueden publicar al instante con las live updates de Capgo.

Lanza cambios de Pay sin esperar la revisión de la app

Una vez que el plugin esté en tu store build, Capgo live updates envía tus cambios de JavaScript, HTML y CSS a los usuarios en minutos.

Empieza con Capgo