Allez directement au contenu principal
@capgo/capacitor-paiement Commerce Open source

Paiement plugin Capacitor

Acceptez les paiements avec Apple Pay et Google Pay pour une expérience de déroulement de commande 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

Utilisation de @capgo/capacitor-pay

Le plugin Capacitor permet d'activer le paiement natif pour iOS (Apple Pay) et Android (Google Pay).

Installer

bun add @capgo/capacitor-pay
bunx cap sync

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

Importer

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

API en un coup d'œil

Méthode Description
isPayAvailable Vérifie si le paiement natif est disponible sur la plateforme actuelle. Sur iOS, cela évalue Apple Pay, tandis qu'il évalue Google Pay sur Android.
requestPayment Présente la feuille de paiement natif pour 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, tandis qu'il évalue Google Pay sur Android.

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

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

requestPayment()

Présente la feuille de paiement natif pour 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

Continuez à partir de l'utilisation de @capgo/capacitor-pay

Si vous utilisez L'utilisation de @capgo/capacitor-pay Pour planifier les paiements et les achats, connectez-l’avec @capgo/capacitor-paiement Pour les détails d'implémentation dans @capgo/capacitor-pay Getting Started pour les détails d'implémentation dans Démarrage Capgo Tarification pour le flux de travail du produit dans Capgo Tarification Système de paiement pour les détails d'implémentation dans Système de paiement, et @capgo/achats-natifs pour les détails d'implémentation dans @capgo/achats-natifs.

FAQ

FAQ du plugin Pay

Comment installez-vous le plugin Pay dans une application Capacitor?

Exécutez la commande « bun add @capgo/capacitor-pay » (ou « npm install @capgo/capacitor-pay »), puis exécutez la commande « bunx cap sync » afin que les projets iOS et Android prennent en compte le code natif code. Importez-l’à partir de « @capgo/capacitor-pay » dans votre application code.

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

Oui. Le plugin Pay est un package Capacitor, il fonctionne donc avec tout framework web qui fonctionne à l'intérieur de Capacitor, y compris Ionic, React, Vue, Angular, Svelte et JavaScript pur.

Quelle version de Capacitor est prise en charge par @capgo/capacitor-pay?

Les Capgo plugins 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). La table de compatibilité dans le README du GitHub liste les versions maintenues.

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

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

Peut-on mettre à jour code qui utilise Pay sans passer par une revue de l'App Store ?

L'installation ou la mise à jour du plugin modifie la version native de code, elle nécessite donc une nouvelle mise à jour de l'application. Après cela, les modifications JavaScript, HTML et CSS qui appellent le plugin peuvent être déployées instantanément avec les mises à jour Capgo.

Ship Pay changes without waiting for app review

Une fois le plugin dans votre magasin de build, les mises à jour Capgo en temps réel poussent vos modifications de JavaScript, HTML et CSS vers les utilisateurs en quelques minutes.

Démarrer avec Capgo