Langsung ke konten utama
@capgo/capacitor-pay E-commerce Open source

Bayar plugin Capacitor

Terima pembayaran dengan Apple Pay dan Google Pay untuk pengalaman checkout yang mulus

Instal

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

Panduan

Cara menggunakan Pay di Capacitor

Menggunakan @capgo/capacitor-pay

Plugin Capacitor untuk memicu pembayaran native di iOS (Apple Pay) dan Android (Google Pay).

Instal

bun add @capgo/capacitor-pay
bunx cap sync

bunx cap sync menyalin code native plugin ke dalam proyek native Anda. Jalankan kembali setiap kali melakukan upgrade plugin.

Impor

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

Sekilas tentang API

Metode Deskripsi
isPayAvailable Memeriksa apakah native pay tersedia di platform saat ini. Di iOS ini mengevaluasi Apple Pay, di Android mengevaluasi Google Pay.
requestPayment Menampilkan native pay sheet untuk platform saat ini. Berikan konfigurasi Apple Pay di iOS dan konfigurasi Google Pay di Android.

Contoh

isPayAvailable()

Memeriksa apakah native pay tersedia di platform saat ini. Di iOS ini mengevaluasi Apple Pay, di Android mengevaluasi Google Pay.

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

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

requestPayment()

Menampilkan native pay sheet untuk platform saat ini. Berikan konfigurasi Apple Pay di iOS dan konfigurasi Google Pay di 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.

Referensi lengkap

Lanjutkan dari Menggunakan @capgo/capacitor-pay

Jika Anda menggunakan Menggunakan @capgo/capacitor-pay untuk merencanakan pembayaran dan pembelian, hubungkan dengan @capgo/capacitor-pay untuk detail implementasi di @capgo/capacitor-pay, Panduan Memulai untuk detail implementasi di Getting Started, Harga Capgo untuk alur kerja produk di Capgo Pricing, Sistem pembayaran untuk detail implementasi di sistem Pembayaran, dan @capgo/native-purchases untuk detail implementasi di @capgo/native-purchases.

FAQ

FAQ plugin Pay

Bagaimana cara install plugin Pay di aplikasi Capacitor?

Jalankan "bun add @capgo/capacitor-pay" (atau "npm install @capgo/capacitor-pay"), lalu jalankan "bunx cap sync" agar proyek iOS dan Android mendeteksi code native. Import dari "@capgo/capacitor-pay" di dalam code aplikasi Anda.

Apakah @capgo/capacitor-pay mendukung React, Vue, dan Angular?

Ya. Pay adalah package Capacitor, jadi bisa digunakan dengan framework web apa pun yang berjalan di dalam Capacitor, termasuk Ionic, React, Vue, Angular, Svelte, dan JavaScript murni.

Versi Capacitor mana yang didukung oleh @capgo/capacitor-pay?

Plugin Capgo mengikuti versi mayor Capacitor: gunakan versi mayor plugin yang sesuai dengan versi mayor Capacitor Anda (contoh: plugin v8 dengan Capacitor 8). Tabel kompatibilitas di README GitHub mencantumkan versi yang masih di-maintain.

Apakah @capgo/capacitor-pay gratis dan open source?

Ya. Source code bersifat publik di GitHub pada https://github.com/Cap-go/capacitor-pay/ dan package ini gratis diinstall via npm. Bug report dan pull request sangat kami terima.

Bisakah saya update code yang menggunakan Pay tanpa review App Store?

Instalasi atau upgrade plugin akan mengubah native code, jadi butuh build store baru. Setelah itu, perubahan JavaScript, HTML, dan CSS yang memanggil plugin bisa langsung dikirim lewat live updates Capgo.

Rilis perubahan Ship Pay tanpa menunggu review aplikasi

Setelah plugin ada di build store Anda, live updates Capgo akan mengirim perubahan JavaScript, HTML, dan CSS ke pengguna dalam hitungan menit.

Mulai dengan Capgo