メインコンテンツへスキップ
@capgo/capacitor-pay コマース オープンソース

支払い Capacitor プラグイン

Apple PayとGoogle Payで決済を受け付け、スムーズなチェックアウト体験を実現

インストール

bun add @capgo/capacitor-pay bunx cap sync
npm、pnpm、または yarn
  • npm install @capgo/capacitor-pay
  • pnpm add @capgo/capacitor-pay
  • yarn add @capgo/capacitor-pay

ガイド

Capacitor で Pay を使う方法

@capgo/capacitor-pay の使用

iOS(Apple Pay)と Android(Google Pay)向けのネイティブ決済をトリガーする Capacitor プラグイン。

インストール

bun add @capgo/capacitor-pay
bunx cap sync

bunx cap sync プラグインのネイティブcodeをネイティブプロジェクトにコピーします。プラグインをアップグレードするたびに再度実行してください。

インポート

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

API の概要

メソッド 説明
isPayAvailable 現在のプラットフォームでネイティブ決済が利用可能かを確認します。iOSではApple Pay、AndroidではGoogle Payを判定します。
requestPayment 現在のプラットフォームのネイティブ決済シートを表示します。iOSではApple Payの、AndroidではGoogle Payの設定を指定してください。

例

isPayAvailable()

現在のプラットフォームでネイティブ決済が利用可能かを確認します。iOSではApple Pay、AndroidではGoogle Payを判定します。

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

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

requestPayment()

現在のプラットフォームのネイティブ決済シートを表示します。iOSではApple Payの、AndroidではGoogle Payの設定を指定してください。

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.

完全なリファレンス

「@capgo/capacitor-pay の使用」から続きを読む

使用している場合 @capgo/capacitor-pay の使用 支払いや購入を計画するには、これを以下と連携させます @capgo/capacitor-pay @capgo/capacitor-pay の実装詳細については、 スタートガイド スタートガイドの実装詳細については、 Capgo の料金 Capgo の料金ページのプロダクトワークフローについては、 決済システム 決済システムの実装詳細については、 @capgo/native-purchases @capgo/native-purchases. の実装詳細については

よくある質問

Pay pluginのFAQ

CapacitorアプリにPay pluginをインストールするにはどうすればよいですか?

"bun add @capgo/capacitor-pay"(または"npm install @capgo/capacitor-pay")を実行した後、"bunx cap sync"を実行して、iOSおよびAndroidプロジェクトにネイティブのcodeを反映させてください。その後、アプリのcodeから"@capgo/capacitor-pay"をインポートします。

@capgo/capacitor-payはReact、Vue、Angularで動作しますか?

はい。PayはCapacitorパッケージであるため、Ionic、React、Vue、Angular、Svelte、およびプレーンなJavaScriptを含む、Capacitor内で動作するあらゆるWebフレームワークで使用可能です。

@capgo/capacitor-payはどのCapacitorバージョンをサポートしていますか?

Capgo プラグインは Capacitor のメジャーバージョンに合わせています。使用している Capacitor のメジャーバージョンに一致するプラグインのメジャーバージョンを使ってください (例: Capacitor 8 ならプラグイン v8)。GitHub の README にある互換性テーブルに、メンテナンス中のバージョンが記載されています。

@capgo/capacitor-payは無料のオープンソースですか?

はい。codeのソースコードはGitHubの https://github.com/Cap-go/capacitor-pay/ で公開されており、パッケージはnpmから無料でインストールできます。バグ報告やプルリクエストも歓迎しています。

App Storeの審査なしで、Payを使用しているcodeをアップデートできますか?

プラグインのインストールやアップグレードはネイティブの code を変更するため、新しいストアビルドが必要です。その後は、プラグインを呼び出す JavaScript、HTML、CSS の変更を Capgo Live Updates で即座に配信できます。

アプリの審査を待たずに、Payの変更をリリース

プラグインをストア用ビルドに組み込めば、Capgo live updates で JavaScript、HTML、CSS の変更を数分でユーザーに配信できます

Capgo から始める