指南
如何在 Capacitor 中使用 Pay
使用 @capgo/capacitor-pay
使用 Capacitor 插件触发 iOS (Apple Pay) 和 Android (Google Pay) 的原生支付。
安装
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. 的实现细节