Salta al contenuto principale
@capgo/capacitor-pay E-commerce Open source

Paga Plugin Capacitor

Accetta pagamenti con Apple Pay e Google Pay per un checkout fluido

Installa

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

Guida

Come usare Pay in Capacitor

Utilizzo di @capgo/capacitor-pay

Plugin Capacitor per attivare i pagamenti nativi su iOS (Apple Pay) e Android (Google Pay).

Installa

bun add @capgo/capacitor-pay
bunx cap sync

bunx cap sync copia i code nativi del plugin nei tuoi progetti nativi. Eseguilo di nuovo dopo ogni aggiornamento del plugin.

Importa

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

API in breve

Metodo Descrizione
isPayAvailable Verifica se il pagamento nativo è disponibile sulla piattaforma corrente. Su iOS valuta Apple Pay, su Android valuta Google Pay.
requestPayment Mostra la sheet di pagamento nativa per la piattaforma corrente. Fornisci la configurazione di Apple Pay su iOS e di Google Pay su Android.

Esempi

isPayAvailable()

Verifica se il pagamento nativo è disponibile sulla piattaforma corrente. Su iOS valuta Apple Pay, su Android valuta Google Pay.

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

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

requestPayment()

Mostra la sheet di pagamento nativa per la piattaforma corrente. Fornisci la configurazione di Apple Pay su iOS e di Google Pay su 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.

Riferimento completo

Continua da Usare @capgo/capacitor-pay

Se stai usando Usare @capgo/capacitor-pay per pianificare pagamenti e acquisti, collegalo a @capgo/capacitor-pay per i dettagli di implementazione in @capgo/capacitor-pay, Per iniziare per i dettagli di implementazione nella guida introduttiva, Prezzi Capgo per il workflow del prodotto nella pagina Prezzi di Capgo, Sistema di pagamento per i dettagli di implementazione del sistema di pagamento, e @capgo/native-purchases per i dettagli di implementazione in @capgo/native-purchases.

FAQ

FAQ sul plugin Pay

Come installo il plugin Pay in un'app Capacitor?

Esegui "bun add @capgo/capacitor-pay" (o "npm install @capgo/capacitor-pay"), poi lancia "bunx cap sync" in modo che i progetti iOS e Android integrino il code nativo. Importalo da "@capgo/capacitor-pay" nel tuo code.

@capgo/capacitor-pay funziona con React, Vue e Angular?

Sì. Pay è un pacchetto Capacitor, quindi funziona con qualsiasi web framework in esecuzione all'interno di Capacitor, inclusi Ionic, React, Vue, Angular, Svelte e JavaScript puro.

Quale versione di Capacitor è supportata da @capgo/capacitor-pay?

I plugin Capgo seguono la major version di Capacitor: usa la major version del plugin che corrisponde alla tua major version di Capacitor (ad esempio plugin v8 con Capacitor 8). La tabella di compatibilità nel README di GitHub elenca le versioni mantenute.

@capgo/capacitor-pay è gratuito e open source?

Sì. Il codice sorgente code è pubblico su GitHub all'indirizzo https://github.com/Cap-go/capacitor-pay/ e il pacchetto è gratuito su npm. Bug report e pull request sono i benvenuti.

Posso aggiornare code che usa Pay senza passare per la revisione dell'App Store?

Installare o aggiornare il plugin modifica il code nativo, quindi serve una nuova build per lo store. Dopo, le modifiche a JavaScript, HTML e CSS che chiamano il plugin possono essere rilasciate subito con le live updates di Capgo.

Rilascia le modifiche a Pay senza attendere la revisione dell'app

Una volta incluso il plugin nel tuo store build, Capgo invia le modifiche a JavaScript, HTML e CSS tramite live updates in pochi minuti.

Inizia con Capgo