借助 AI 将 Adapty 集成到你的 Capacitor 应用
本指南带你一步步将 Adapty 集成到 Capacitor 应用中,借助 AI 编程工具完成——按顺序把正确的 Adapty 文档喂给它即可。
开始之前:看板配置
在编写任何 SDK 代码之前,Adapty 需要先完成一些看板配置。您可以通过交互式 LLM 技能,或手动通过看板来完成配置。
技能方式(推荐)
Adapty CLI 技能允许您的 LLM 直接设置应用、产品、访问等级、付费墙和版位——无需为每个步骤打开看板。您只需在看板中连接您的应用商店即可。
npx skills add adaptyteam/adapty-cli --skill adapty-cli
添加技能后,在您的 agent 中运行 /adapty-cli。它将引导您完成每个步骤——包括何时打开看板来连接您的应用商店。
看板配置方式
如果你更倾向于手动配置,以下是开始编写代码前需要准备好的内容。你的 LLM 无法自动查询看板中的值,需要你手动提供。
-
连接应用商店:在 Adapty 看板中,进入 App settings → General,将 App Store 和 Google Play 都连接好(如果你的 Capacitor 应用同时支持两个平台)。这是购买功能正常运行的必要条件。 连接应用商店
-
复制您的 Public SDK key:在 Adapty 看板中,前往 App settings → General,找到 API keys 部分。在代码中,这是您传递给
adapty.activate()的字符串。 -
至少创建一个产品:在 Adapty 看板中,前往 Products 页面。您无需在代码中直接引用产品——Adapty 会通过付费墙来下发产品。 添加产品
-
创建付费墙和版位:在 Adapty 看板中,于 Paywalls 页面创建付费墙,然后在 Placements 页面将其分配到版位。在代码中,版位 ID 是传递给
adapty.getPaywall()的字符串。 创建付费墙 -
设置访问等级:在 Adapty 看板的 Products 页面中按产品进行配置。在代码中,通过
profile.accessLevels['premium']?.isActive检查对应字符串。默认的premium访问等级适用于大多数应用。如果付费用户会根据所购产品获得不同功能的访问权限(例如basic方案与pro方案),请在开始编码前创建额外的访问等级。
准备好这五项后,就可以开始写代码了。告诉你的 LLM:“我的 Public SDK key 是 X,我的版位 ID 是 Y”,这样它就能生成正确的初始化和付费墙获取代码。
准备就绪后的配置
以下内容不是开始编码的必要条件,但随着集成的成熟,您会希望用到它们:
- A/B 测试:在 Placements 页面配置。无需更改代码。 A/B 测试
- 更多付费墙和版位:使用不同的版位 ID 添加更多
getPaywall调用。 - 分析集成:在 Integrations 页面配置。不同集成的设置方式各有不同。请参阅分析集成和归因集成。
向您的 LLM 提供 Adapty 文档
使用 Context7(推荐)
Context7 是一个 MCP 服务器,可让您的 LLM 直接访问最新的 Adapty 文档。LLM 会根据您的提问自动获取相关文档——无需手动粘贴 URL。
Context7 支持 Cursor、Claude Code、Windsurf 及其他兼容 MCP 的工具。运行以下命令即可完成配置:
npx ctx7 setup
该命令会自动检测您的编辑器并配置 Context7 服务器。如需手动配置,请参阅 Context7 GitHub 仓库。 配置完成后,在提示中引用 Adapty 库:
Use the adaptyteam/adapty-docs library to look up how to install the Capacitor SDK
尽管 Context7 无需手动粘贴文档链接,但实现顺序非常重要。请按照下方的实现流程逐步操作,确保一切正常运行。
使用纯文本文档
您可以以纯文本 Markdown 格式访问任何 Adapty 文档。在其 URL 末尾添加 .md,或点击文章标题下方的 Copy for LLM。例如:adapty-cursor-capacitor.md。
下方实现演练中的每个阶段都包含一个”发送给您的 LLM”代码块,其中有可粘贴的 .md 链接。
如需一次获取更多文档,请参阅下方的索引文件和平台特定子集。
实现演练
本指南的其余部分按实现顺序介绍 Adapty 集成。每个阶段包含要发送给 LLM 的文档、完成后应看到的效果,以及常见问题。
规划集成方案
在动手写代码之前,先让 LLM 分析你的项目并制定实施计划。如果你的 AI 工具支持规划模式(如 Cursor 或 Claude Code 的 plan mode),建议开启该模式,让 LLM 在编写任何代码之前,同时读取你的项目结构和 Adapty 文档。
告诉 LLM 你使用的是哪种购买方式——这会影响它应该参考哪些指南:
- Adapty 付费墙编辑工具:您在 Adapty 的无代码编辑工具中创建付费墙,SDK 会自动渲染。
- 手动创建的付费墙:您在代码中构建自己的付费墙界面,但仍使用 Adapty 获取产品并处理购买。
- 观察者模式:您保留现有的购买基础设施,仅使用 Adapty 进行分析和集成。
不确定该选哪个?请阅读快速入门中的对比表。
安装并配置 SDK
使用 npm 添加 Adapty SDK 依赖项,并使用您的公共 SDK 密钥进行激活。这是一切的基础——没有它,其他功能都无法正常工作。
指南: 安装并配置 Adapty SDK
将以下内容发送给您的 LLM:
Read these Adapty docs before writing code:
- https://adapty.io/docs/zh/sdk-installation-capacitor.md
Checkpoint
- 预期结果: 应用可以在 iOS 和 Android 上正常构建并运行,控制台显示 Adapty 激活日志。
- 常见问题: 提示 “Public API key is missing” → 请检查是否已将占位符替换为 App settings 中的真实密钥。
展示付费墙并处理购买
通过版位 ID 获取付费墙、展示它并处理购买事件。具体需要参考哪些指南,取决于你处理购买的方式。
每完成一步都在沙盒中测试购买,不要等到最后再测。设置方法请参阅在沙盒中测试购买。
检查订阅状态
购买完成后,检查用户画像中是否存在有效的访问等级,以控制高级内容的访问权限。
指南: 检查订阅状态
发送给您的 LLM:
Read these Adapty docs before writing code:
- https://adapty.io/docs/zh/capacitor-check-subscription-status.md
检查点
- 预期效果: 沙盒购买完成后,
profile.accessLevels['premium']?.isActive返回true。 - 注意事项: 购买后
accessLevels为空 → 检查该产品在看板中是否已分配访问等级。
用户识别
将应用的用户账户与 Adapty 用户画像关联,确保购买记录在多设备间保持同步。
如果你的应用无需登录,请跳过此步骤。
指南: 用户识别
将以下内容发送给你的 LLM:
Read these Adapty docs before writing code:
- https://adapty.io/docs/zh/capacitor-quickstart-identify.md
Checkpoint
- 预期结果: 调用
adapty.identify()后,看板的 Profiles 页面会显示你的自定义用户 ID。 - 注意事项: 请在激活后、获取付费墙之前调用
identify,以避免匿名用户画像归因问题。
准备发布
当你的集成在沙盒环境中运行正常后,请按照发布清单逐项检查,确保一切已准备好上线。
指南:发布清单
将以下内容发送给你的 LLM:
Read these Adapty docs before releasing:
- https://adapty.io/docs/zh/release-checklist.md
Checkpoint
- 预期结果: 所有检查项均已确认:商店连接、服务器通知、购买流程、访问等级检查以及隐私要求。
- 注意事项: 缺少服务器通知 → 请在 App settings → iOS SDK 中配置 App Store 服务器通知,并在 App settings → Android SDK 中配置 Google Play 实时开发者通知。
纯文本文档索引文件
如果你需要为 LLM 提供超出单个页面范围的更广泛上下文,我们提供了包含所有 Adapty 文档的索引文件:
llms.txt:列出所有页面的.md链接。这是一项新兴标准,旨在让网站对大语言模型更易访问。请注意,某些 AI 助手(例如 ChatGPT)需要先下载llms.txt文件再上传到对话中。llms-full.txt:将整个 Adapty 文档站合并成单个文件。内容非常庞大——仅在需要完整信息时使用。- Capacitor 专属文件
capacitor-llms.txt和capacitor-llms-full.txt:针对该平台的内容子集,相比完整站点可节省大量 token。