メインコンテンツにジャンプ
@capgo/capacitor-pay 商用 オープンソース

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

ガイド

How to use Pay in Capacitor

@capgo/capacitorペイメント

iOSとAndroidのネイティブ決済をトリガーするCapacitorプラグインです。

Install

bun add @capgo/capacitor-pay
bunx cap sync

bunx cap sync codeをコピーします。プラグインのアップグレード後は、再度実行してください。

Import

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

APIの概要

Method Description
isPayAvailable __CAPGO_KEEP_0__が利用可能かどうかを確認します。iOSではApple Pay、AndroidではGoogle Payを評価します。
requestPayment __CAPGO_KEEP_0__を表示します。iOSではApple Payの設定、AndroidではGoogle Payの設定を提供します。

Examples

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_KEEP_0__/__CAPGO_KEEP_1__-payを使用している場合 @capgo/capacitor-payを使用して支払いと購入を計画し、@capgo/capacitor-payと接続します。 お支払いと購入を計画し、接続する @capgo/capacitor-payを使用して支払いと購入を計画します。 支払いと購入を計画するには@capgo/capacitor-payを使用します。 スタートガイド スタートガイドの実装詳細について Capgo の価格 Capgo の価格の製品ワークフローについて 決済システム 決済システムの実装詳細について、 @capgo/ネイティブ購入 実装詳細については @capgo/native-purchases を参照してください。

FAQ

PayプラグインのFAQ

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

Run "bun add @capgo/capacitor-pay" (または "npm install @capgo/capacitor-pay"), すると iOS と Android のプロジェクトがネイティブ code を取得します。 その後、@capgo/capacitor-pay をアプリの code でインポートします。

@capgo/capacitor-payは、React、Vue、Angularとどのくらい互換性があるか?

Yes. Pay is a Capacitor package, so it works with any web framework that runs inside Capacitor, including Ionic, React, Vue, Angular, Svelte and plain JavaScript.

どのCapacitorバージョンが@capgo/capacitor-payによってサポートされる?

Capgo プラグインは Capacitor のメジャーバージョンに従います: Capacitor のメジャーバージョンと一致するプラグインのメジャーバージョンを使用してください (例: プラグイン v8 と Capacitor 8)。互換性のある表は GitHub README に記載されています。

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

はい。ソース code は GitHub に公開されています: https://github.com/Cap-go/capacitor-pay/。npm から無料でインストールできます。バグレポートやプルリクエストは歓迎です。

code を使用する Pay をアップデートできますか?

code をインストールまたはアップグレードするとネイティブ code が変更されるため、ストアのビルドが必要になります。その後、JavaScript、HTML、CSS の変更が Capgo のライブアップデートで即時実行できます。

アプリのレビューを待たずに Pay の変更を実行

このプラグインを使用すると、Capgo で、ストアのビルド後、JavaScript、HTML、CSS の変更をユーザーに数分で反映させることができます。

Capgo で始めましょう