Zum Hauptinhalt springen
@capgo/capacitor-pay E-Commerce Open Source

Bezahlen Capacitor Plugin

Zahlungen mit Apple Pay und Google Pay für ein nahtloses Checkout-Erlebnis akzeptieren

Installieren

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

Anleitung

So nutzt du Pay in Capacitor

Verwendung von @capgo/capacitor-pay

Capacitor-Plugin, um native Zahlungen für iOS (Apple Pay) und Android (Google Pay) auszulösen.

Installieren

bun add @capgo/capacitor-pay
bunx cap sync

bunx cap sync kopiert den nativen code des Plugins in deine nativen Projekte. Nach jedem Plugin-Upgrade erneut ausführen.

Importieren

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

API auf einen Blick

Methode Beschreibung
isPayAvailable Prüft, ob native Payment-Optionen auf der aktuellen Plattform verfügbar sind. Auf iOS wird Apple Pay, auf Android Google Pay geprüft.
requestPayment Öffnet das native Payment-Sheet der aktuellen Plattform. Erfordert die Apple Pay Konfiguration für iOS bzw. die Google Pay Konfiguration für Android.

Beispiele

isPayAvailable()

Prüft, ob native Payment-Optionen auf der aktuellen Plattform verfügbar sind. Auf iOS wird Apple Pay, auf Android Google Pay geprüft.

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

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

requestPayment()

Öffnet das native Payment-Sheet der aktuellen Plattform. Erfordert die Apple Pay Konfiguration für iOS bzw. die Google Pay Konfiguration für 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.

Vollständige Referenz

Weiter mit der Nutzung von @capgo/capacitor-pay

Wenn du es nutzt Verwendung von @capgo/capacitor-pay um Zahlungen und Käufe zu planen, verbinde es mit @capgo/capacitor-pay für Details zur Implementierung in @capgo/capacitor-pay, Erste Schritte für die Implementierungsdetails in Erste Schritte, Capgo Preise für den Produkt-Workflow in Capgo Preise, Zahlungssystem für die Implementierungsdetails im Zahlungssystem, und @capgo/native-purchases für die Implementierungsdetails in @capgo/native-purchases.

FAQ

Pay Plugin FAQ

Wie installiere ich das Pay Plugin in einer Capacitor App?

Führe "bun add @capgo/capacitor-pay" (oder "npm install @capgo/capacitor-pay") aus und danach "bunx cap sync", damit die iOS- und Android-Projekte die nativen code übernehmen. Importiere es in deiner App code aus "@capgo/capacitor-pay".

Funktioniert @capgo/capacitor-pay mit React, Vue und Angular?

Ja. Pay ist ein Capacitor Package und funktioniert daher mit jedem Web-Framework, das in Capacitor läuft, einschließlich Ionic, React, Vue, Angular, Svelte und reinem JavaScript.

Welche Capacitor Version wird von @capgo/capacitor-pay unterstützt?

Capgo Plugins folgen der Major-Version von Capacitor: Nutze die Plugin-Major-Version, die zu deiner Capacitor Major-Version passt (z. B. Plugin v8 bei Capacitor 8). Die Kompatibilitätstabelle im GitHub README listet die gepflegten Versionen auf.

Ist @capgo/capacitor-pay kostenlos und Open Source?

Ja. Der code Code ist öffentlich auf GitHub unter https://github.com/Cap-go/capacitor-pay/ einsehbar und das Package kann kostenlos via npm installiert werden. Bug-Reports und Pull Requests sind willkommen.

Kann ich code mit Pay aktualisieren, ohne ein App Store Review abzuwarten?

Die Installation oder ein Upgrade des Plugins ändert den nativen code, weshalb ein neuer Store-Build nötig ist. Danach können JavaScript-, HTML- und CSS-Änderungen, die das Plugin aufrufen, sofort per Capgo Live Updates ausgeliefert werden.

Pay-Änderungen veröffentlichen, ohne auf den App-Review zu warten

Sobald das Plugin in deinem Store-Build ist, bringt Capgo mit Live-Updates deine JavaScript-, HTML- und CSS-Änderungen in Minuten zu den Nutzern.

Starte mit Capgo