Bubble Stripe 订阅门户构建器
将以下提示词粘贴到你的 AI 对话框中:
请根据 https://skillhub.cn/install/skillhub.md,安装 @user_3c6cb52e/bubble-stripe-subscription-portal
技能介绍
要解决的具体问题
在 Bubble 应用里做订阅管理时,直接把用户甩到 Stripe 托管页面,会打断产品内的交互路径:登录态、界面风格、上下文信息都可能丢失,而且后端还要额外处理计划变更的信号同步,很容易出现前后端数据不一致的情况。
技能的核心能力与工作方式
这个技能的核心是把 Stripe 的自助订阅门户直接嵌入到 Bubble 应用内部,而不是让用户跳转外链。它通过 Bubble Plugin API 和 Stripe.js SDK 完成前端嵌入,让用户在应用内就能查看订阅状态、升级降级或管理支付方式。
后端层面,需要配置 Bubble 的 API Connector 来调用 Stripe 的 Billing Portal Sessions 端点,用来创建门户会话。同时,通过处理 Stripe 的 webhook 事件,实现计划变更的实时同步,避免手动更新带来的延迟。
适用边界与注意点
- 需要具备 Bubble 和 Stripe 的基础开发经验,理解 API Connector 和 webhook 的配置流程。
- 依赖 Stripe 的 Billing Portal 功能可用,且应用的后端能正确接收和处理 webhook 事件。
- 所有功能基于 Bubble 官方文档和 Stripe.js SDK 的能力,遇到问题优先参考官方资料。
使用场景
- 在 Bubble 应用内搭建用户自助订阅门户,避免跳转到 Stripe 托管页面。
- 通过 Bubble API Connector 集成 Stripe Billing Portal Sessions 端点。
- 处理 Stripe webhook 事件,实现订阅计划变更的实时同步。
适合人员
- 使用 Bubble 的后端工程师,希望在应用内嵌入 Stripe 订阅门户。
- SaaS 产品的全栈开发者,需要实现用户自助订阅管理而不跳转外链。
- 负责 Stripe webhook 的开发者,关注订阅计划变更的实时同步。