借助 AI 将 Adapty 集成到 Capacitor 应用

本页介绍了将 Adapty 集成到 Capacitor 应用的两种方式。你可以使用下方的 SDK 集成技能完成自动化的端到端流程，或按照页面后续的手动步骤逐步操作。

使用 SDK 集成技能（测试版）

adapty-sdk-integration skill 可以端到端自动完成集成工作：看板配置、SDK 安装、付费墙设置以及各阶段验证。如果你的工具不支持 Claude Skills 格式，可以参考下方的手动操作流程作为备选方案。

支持的工具：Claude Code、GitHub Copilot CLI、OpenAI Codex、Gemini CLI。

安装

请根据您使用的工具选择对应的安装方式。完整列表请查看 skill README。

Claude Code：在 Shell 中运行 claude plugin marketplace add adaptyteam/adapty-sdk-integration-skill，然后运行 claude plugin install adapty-sdk-integration@adapty。
GitHub Copilot CLI：运行 gh skill install adaptyteam/adapty-sdk-integration-skill。
Gemini CLI：运行 gemini skills install https://github.com/adaptyteam/adapty-sdk-integration-skill。
OpenAI Codex 或其他工具：克隆仓库，并将 plugins/adapty-sdk-integration/skills/adapty-sdk-integration/ 复制到你的工具的 skills 目录中。

运行

在你的项目中运行 /adapty-sdk-integration。该技能会自动检测你的平台，并提出几个配置问题。随后它将逐步引导你完成看板设置、SDK 安装、付费墙配置和验证——并在每个阶段自动拉取相关的 Adapty 文档。

该技能目前处于测试阶段。如果出现卡顿或异常行为，请参阅下方的手动操作指南，其中逐步涵盖了每个阶段的详细说明。

开始之前：看板配置

在编写任何 SDK 代码之前，Adapty 需要先完成一些看板配置。你可以通过交互式 LLM 技能完成，也可以手动在看板中操作。

技能方式（推荐）

借助 Adapty CLI 技能，你的 LLM 可以直接设置应用、产品、访问等级、付费墙和版位，无需为每个步骤打开看板。你只需在看板中接入商店即可。

npx skills add adaptyteam/adapty-cli --skill adapty-cli

添加技能后，在你的 agent 中运行 /adapty-cli，它会引导你完成每个步骤——包括何时打开看板来接入商店。

看板配置方式

如果你更倾向于手动配置所有内容，以下是编写代码前需要准备的内容。你的 LLM 无法自动查找看板中的配置值——需要你自己提供。

连接应用商店：在 Adapty 看板中，前往 App settings → General。如果你的 Capacitor 应用同时面向两个平台，请同时连接 App Store 和 Google Play。这是购买功能正常运行的必要条件。连接应用商店
复制您的 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 页面进行配置，具体步骤因集成方式而异。请参阅数据分析集成和归因集成。

将 Adapty 文档喂给你的 LLM

使用 Context7（推荐）

Context7 是一个 MCP 服务器，可让你的 LLM 直接访问最新的 Adapty 文档。它会根据你的提问自动获取相关文档，无需手动粘贴 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 无需手动粘贴文档链接，但实现步骤的顺序很重要。请按照下方的实现步骤说明逐步操作，确保一切正常运行。

使用纯文本文档

您可以将任意 Adapty 文档以纯文本 Markdown 格式访问。只需在 URL 末尾添加 .md，或点击文章标题下方的 Copy for LLM。例如：adapty-cursor-capacitor.md。

下方实施指南中的每个阶段都包含一个”Send this to your LLM”模块，其中附有可直接粘贴的 .md 链接。

如需一次获取更多文档，请参阅下方的索引文件与平台专属子集。

实施流程说明

本指南接下来将按实施顺序逐步讲解 Adapty 集成过程。每个阶段都包含需要发送给 LLM 的文档、完成后的预期效果，以及常见问题。

规划你的集成方案

在开始写代码之前，先让你的 LLM 分析项目结构，制定实现计划。如果你使用的 AI 工具支持规划模式（例如 Cursor 或 Claude Code 的 plan 模式），建议先启用该模式，让 LLM 同时读取你的项目结构和 Adapty 文档，再开始生成代码。

告诉你的 LLM 你采用哪种购买方式——这会影响它应该参考哪些指南：

Adapty 付费墙编辑工具：在 Adapty 的无代码编辑工具中创建付费墙，SDK 会自动渲染。
手动创建付费墙：自行用代码构建付费墙 UI，但仍使用 Adapty 获取产品并处理购买。
观察者模式：保留现有的购买基础设施，仅使用 Adapty 进行分析和集成。

不确定选哪个？查看快速入门中的对比表。

安装并配置 SDK

使用 npm 添加 Adapty SDK 依赖，并通过你的 Public SDK key 完成激活。这是一切功能的基础——没有这一步，其他所有功能都无法运行。

指南： 安装并配置 Adapty SDK

将以下内容发送给你的 LLM：

Read these Adapty docs before writing code:
- https://adapty.io/docs/zh/sdk-installation-capacitor.md

检查点

预期结果： 应用可在 iOS 和 Android 上正常构建并运行，控制台显示 Adapty 激活日志。
常见问题： 提示”Public API key is missing” → 检查是否已将占位符替换为 App settings 中的真实密钥。

显示付费墙并处理购买

通过版位 ID 获取付费墙、展示付费墙并处理购买事件。你需要参考哪些指南，取决于你的购买处理方式。

每完成一步就在沙盒中测试购买——不要等到最后再测。沙盒环境的配置说明，请参阅在沙盒中测试购买。

指南：

Read these Adapty docs before writing code:
- https://adapty.io/docs/zh/capacitor-quickstart-paywalls.md
- https://adapty.io/docs/zh/capacitor-get-pb-paywalls.md
- https://adapty.io/docs/zh/capacitor-present-paywalls.md
- https://adapty.io/docs/zh/capacitor-handling-events.md
- https://adapty.io/docs/zh/capacitor-handle-paywall-actions.md

检查点

预期效果： 付费墙显示已配置的产品，点击产品后触发沙盒购买弹窗。
常见问题： 付费墙为空或出现 getPaywall 错误 → 请确认版位 ID 与看板中完全一致，且该版位已分配目标受众。

指南：

Read these Adapty docs before writing code:
- https://adapty.io/docs/zh/capacitor-quickstart-manual.md
- https://adapty.io/docs/zh/fetch-paywalls-and-products-capacitor.md
- https://adapty.io/docs/zh/present-remote-config-paywalls-capacitor.md
- https://adapty.io/docs/zh/capacitor-making-purchases.md
- https://adapty.io/docs/zh/capacitor-restore-purchase.md

检查点

预期效果： 自定义付费墙正确展示从 Adapty 获取的产品，点击产品后会触发沙盒购买弹窗。
常见问题： 产品列表为空 → 请确认付费墙在看板中已分配产品，且版位已设置目标受众。

检查订阅状态

购买完成后，通过检查用户画像中的活跃访问等级来控制高级内容的访问权限。

指南： 检查订阅状态

将以下内容发送给你的 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

检查点

预期结果： 调用 adapty.identify() 后，看板的 Profiles 部分会显示你的自定义用户 ID。
注意事项： 请在激活后、获取付费墙之前调用 identify，以避免匿名用户画像的归因问题。

准备发布

在沙盒中验证集成正常运行后，请逐项检查发布清单，确保一切已达到生产环境要求。

指南： 发布清单

将以下内容发送给你的 LLM：

Read these Adapty docs before releasing:
- https://adapty.io/docs/zh/release-checklist.md

检查点

预期结果： 所有清单项已确认：商店连接、服务器通知、购买流程、访问等级检查及隐私合规要求。
注意事项： 服务器通知缺失 → 请在 App settings → iOS SDK 中配置 App Store 服务器通知，并在 App settings → Android SDK 中配置 Google Play 实时开发者通知。

纯文本文档索引文件

如果你需要为 LLM 提供超出单个页面范围的更广泛上下文，我们提供了列出或汇总所有 Adapty 文档的索引文件：

llms.txt：列出所有页面的 .md 链接。这是让网站对 LLM 可访问的新兴标准。请注意，某些 AI 智能体（如 ChatGPT）需要先下载 llms.txt，再作为文件上传到对话中。
llms-full.txt：将整个 Adapty 文档站合并为单个文件。内容非常庞大——仅在需要全面了解时使用。
Capacitor 专属的 capacitor-llms.txt 和 capacitor-llms-full.txt：平台专属子集，相比完整站点更节省 token。