跳转至正文

Stripe Capacitor 插件

支持 Stripe Payment Sheet、Apple Pay 和 Google Pay 的 Capacitor 插件。

安装

bun add @capgo/capacitor-stripe-pay bunx cap sync
npm、pnpm 或 yarn
  • npm install @capgo/capacitor-stripe-pay
  • pnpm add @capgo/capacitor-stripe-pay
  • yarn add @capgo/capacitor-stripe-pay

指南

如何在 Capacitor 中使用 Stripe

使用 @capgo/capacitor-stripe-pay

支持 Stripe Payment Sheet、Apple Pay 和 Google Pay 的 Capacitor 插件。

为什么选择 Capgo?

Capgo 维护以下项目的官方 fork @capacitor-community/stripe。我们会跟进上游的 issue 和 pull request,合并相关修复,并基于最新的 Stripe SDK 发布更新,同时提供示例 App 和文档。

如果你现在用的是社区包,Capgo 的 Stripe 插件是持续维护的方案,对 bug 和平台变更的响应也更快。

安装

bun add @capgo/capacitor-stripe-pay
bunx cap sync

插件暴露的内容

  • initialize - 设置 Stripe publishable key 和可选的 Connect 账户。
  • createPaymentSheet - 用后端返回的 client secret 创建 Payment Sheet。
  • presentPaymentSheet - 调起原生的 Stripe Payment Sheet。
  • updateApplePaySheet - 选择收货联系人后更新 Apple Pay 的 line items。

完整参考

常见问题

Stripe 插件常见问题

如何在 Capacitor 应用中安装 Stripe 插件?

运行 "bun add @capgo/capacitor-stripe-pay"(或 "npm install @capgo/capacitor-stripe-pay"),然后运行 "bunx cap sync",使 iOS 和 Android 项目同步 native code。最后在你的应用 code 中从 "@capgo/capacitor-stripe-pay" 导入即可。

@capgo/capacitor-stripe-pay 是否支持 React、Vue 和 Angular?

支持。Stripe 是一个 Capacitor 包,因此它可以与任何在 Capacitor 中运行的 Web 框架配合使用,包括 Ionic、React、Vue、Angular、Svelte 以及原生 JavaScript。

@capgo/capacitor-stripe-pay 支持哪个 Capacitor 版本?

Capgo 插件遵循 Capacitor 的主版本号:请使用与 Capacitor 主版本号一致的插件主版本(例如插件 v8 对应 Capacitor 8)。GitHub README 中的兼容性表列出了仍在维护的版本。

@capgo/capacitor-stripe-pay 是免费开源的吗?

是的。code 的源码已在 GitHub 上公开,地址为 https://github.com/Cap-go/capacitor-stripe-pay/,该包可从 npm 免费安装。欢迎提交 Bug 报告和 Pull Request。

我可以在不经过 App Store 审核的情况下,更新使用了 Stripe 的 code 吗?

安装或升级插件会改动原生 code,因此需要重新做一次商店构建。之后,调用该插件的 JavaScript、HTML 和 CSS 改动就能通过 Capgo live updates 立即发布。

无需等待 App 审核,即可发布 Stripe 变更

只要插件已包含在你的商店版本中,Capgo live updates 就能在几分钟内把 JavaScript、HTML 和 CSS 的改动推送给用户。

开始使用 Capgo