Saltar al contenido principal
@capgo/capacitor-pay Comercio Fuente abierta

Pago plugin de Capacitor

Aceptar pagos con Apple Pay y Google Pay para una experiencia de pago fluida

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

How to use Pay en Capacitor

Usando @capgo/capacitor-pay

El plugin Capacitor para desencadenar el pago nativo para iOS (Apple Pay) y Android (Google Pay).

Instalar

bun add @capgo/capacitor-pay
bunx cap sync

bunx cap sync Copia el plugin de pago nativo de code en tus proyectos nativos. Ejecútalo nuevamente después de cada actualización del plugin.

Importar

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

API en resumen

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

Ejemplos

isPayAvailable()

Verifica si el pago nativo está disponible en la plataforma actual. En iOS, evalúa Apple Pay, mientras que en Android evalúa Google Pay.

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

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

requestPayment()

Presenta la hoja de pago nativa para la plataforma actual. Proporciona la configuración de Apple Pay en iOS y la configuración 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

Sigue adelante desde Usando @capgo/capacitor-pay

Si estás utilizando Usando @capgo/capacitor-pay Para planificar pagos y compras, conecta con @capgo/capacitor-pay para obtener los detalles de implementación en @capgo/capacitor-pay Configuración inicial para los detalles de implementación en Configuración inicial, Precio de Capgo para el flujo de trabajo del producto en Capgo Precios, Sistema de pago para los detalles de implementación en Sistema de pago, y @capgo/compras-nativas para los detalles de implementación en @capgo/compras-nativas.

FAQ

Preguntas frecuentes del plugin de pago

¿Cómo instalo el plugin de pago en una aplicación Capacitor?

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

¿Funciona @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 admite @capgo/capacitor-pay?

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

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

Sí. El código fuente de code está disponible en GitHub en https://github.com/Cap-go/capacitor-pay/ y el paquete es gratuito para instalar desde npm. Se aceptan informes de errores y solicitudes de cambios.

Puedo actualizar code que utiliza Pay sin una revisión de la Tienda?

Instalar o actualizar el plugin cambia el code nativo, por lo que necesita una nueva compilación de la tienda. Después de eso, los cambios en JavaScript, HTML y CSS que llaman al plugin pueden enviar con Capgo actualizaciones en vivo.

Envía cambios de Pay sin esperar a la revisión de la aplicación

Una vez que el plugin esté en tu tienda de construcción, Capgo actualizaciones en vivo envían cambios en JavaScript, HTML y CSS a los usuarios en minutos.

Comienza con Capgo