Aller au contenu principal
@capgo/capacitor-pay Commerce Open source

Payer Plugin Capacitor

Acceptez les paiements avec Apple Pay et Google Pay pour un checkout fluide

Installer

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

Guide

Comment utiliser Pay dans Capacitor

Utiliser @capgo/capacitor-pay

Le plugin Capacitor pour déclencher les paiements natifs sur iOS (Apple Pay) et Android (Google Pay).

Installer

bun add @capgo/capacitor-pay
bunx cap sync

bunx cap sync copie le code natif du plugin dans vos projets natifs. Relancez-l’après chaque mise à jour du plugin.

Importer

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

Aperçu de API

Méthode Description
isPayAvailable Vérifie si le paiement natif est disponible sur la plateforme actuelle. Sur iOS, cela évalue Apple Pay, et sur Android, cela évalue Google Pay.
requestPayment Affiche la feuille de paiement native de la plateforme actuelle. Fournissez la configuration Apple Pay sur iOS et la configuration Google Pay sur Android.

Exemples

isPayAvailable()

Vérifie si le paiement natif est disponible sur la plateforme actuelle. Sur iOS, cela évalue Apple Pay, et sur Android, cela évalue Google Pay.

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

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

requestPayment()

Affiche la feuille de paiement native de la plateforme actuelle. Fournissez la configuration Apple Pay sur iOS et la configuration Google Pay sur 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.

Référence complète

Continuer avec l'utilisation de @capgo/capacitor-pay

Si vous utilisez Utiliser @capgo/capacitor-pay pour planifier les paiements et les achats, connectez-l’à @capgo/capacitor-pay pour les détails d'implémentation de @capgo/capacitor-pay, Prise en main pour les détails d'implémentation dans Getting Started Tarifs Capgo pour le workflow produit dans Capgo Tarifs, Système de paiement pour les détails d'implémentation du système de paiement, et @capgo/native-purchases pour les détails d'implémentation dans @capgo/native-purchases.

FAQ

FAQ du plugin Pay

Comment installer le plugin Pay dans une application Capacitor ?

Exécutez "bun add @capgo/capacitor-pay" (ou "npm install @capgo/capacitor-pay"), puis lancez "bunx cap sync" pour que les projets iOS et Android prennent en compte le code natif. Importez-le depuis "@capgo/capacitor-pay" dans votre code.

@capgo/capacitor-pay fonctionne-t-il avec React, Vue et Angular ?

Oui. Pay est un package Capacitor, il fonctionne donc avec n'importe quel framework web tournant sous Capacitor, y compris Ionic, React, Vue, Angular, Svelte et le JavaScript pur.

Quelle version de Capacitor est supportée par @capgo/capacitor-pay ?

Les plugins Capgo suivent la version majeure de Capacitor : utilisez la version majeure du plugin qui correspond à la version majeure de votre Capacitor (par exemple le plugin v8 avec Capacitor 8). Le tableau de compatibilité du README de GitHub recense les versions maintenues.

Est-ce que @capgo/capacitor-pay est gratuit et open source ?

Oui. Le code source code est public sur GitHub à l'adresse https://github.com/Cap-go/capacitor-pay/ et le package est gratuit à installer via npm. Les rapports de bugs et les pull requests sont les bienvenus.

Puis-je mettre à jour code utilisant Pay sans passer par une revue de l'App Store ?

L'installation ou la mise à jour du plugin modifie le code natif, ce qui impose un nouveau build pour les stores. Ensuite, les changements JavaScript, HTML et CSS qui appellent le plugin peuvent être livrés instantanément via les live updates de Capgo.

Déployez les changements de Pay sans attendre la validation de l'app

Une fois le plugin intégré à votre build de store, Capgo live updates déploie vos changements JavaScript, HTML et CSS aux utilisateurs en quelques minutes.

Commencez avec Capgo