ガイド
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. の実装詳細については