mcpField
I
ionic-shared

ionic-shared

github.com/erkamyaman开发1647 次安装1 周前更新
代码仓库

关于 ionic-shared

面向 Ionic Capacitor 应用的跨框架参考技能,适用于 Angular、React 和 Vue。它集中提供原生插件、应用内容、配置、存储、安全与发布指引,供框架专属技能引用。

主要功能

  1. 01Capacitor 配置指引
  2. 02环境变量与 API 密钥处理
  3. 03持久化存储建议
  4. 04主题、广告与购买功能
  5. 05通知与本地化
  6. 06商店发布与测试指引

适用场景

  1. 01配置 Capacitor 平台与项目
  2. 02选择安全的存储和密钥实践
  3. 03为应用添加共用原生功能
  4. 04准备应用发布与测试

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/erkamyaman/ionic-capacitor-skills --skill ionic-shared

安装后在 Claude Code 中输入/ionic-shared确认已加载。

包含的文件

除 SKILL.md 外,安装时一起下载的参考资料和脚本。

references/
admob.md
app-store-notes.md
capacitor-config.md
environments-and-keys.md
localization-content.md
push-notifications.md
revenuecat.md
storage.md
testing-checklist.md
theming.md

详细介绍

Ionic Shared(Capacitor)指南

适用于 Ionic Capacitor 应用的跨框架指南。框架技能(ionic-angular、ionic-react、ionic-vue)会链接到此处的原生插件和内容主题,避免重复编写相同代码。

何时查阅这些参考资料

硬性规则(适用于所有框架)

  • ✅ 使用 Ionic Framework、Capacitor 和框架(Angular / React / Vue)的最新稳定版本。搭建新项目时,不要固定使用旧版主版本——让 npm install <pkg> 解析出最新版本。如有疑问,请通过 npm view <pkg> version 验证。不要在 SKILL.md 示例中写入具体版本号——它们很快就会过时。
  • ✅ 从环境变量读取 API 密钥和广告单元 ID,绝不可在源代码中硬编码。移动应用包不是存放机密的容器——应用中只能包含可公开的密钥(RevenueCat SDK 密钥、AdMob 单元 ID、Firebase Web 配置、Sentry DSN)。机密密钥(Stripe sk_…、OpenAI / Anthropic、RevenueCat REST 密钥)必须由后端保管。参见 environments-and-keys.md。
  • ✅ 让 isTesting 标记与构建模式关联,不要硬编码为 true。在生产环境中发布 initializeForTesting: true 或 isTesting: true 可能导致 AdMob 账号被封禁。
  • ❌ 绝不要直接使用 localStorage——请使用 @capacitor/preferences。
  • ❌ 绝不要使用 @ionic/storage——请使用 @capacitor/preferences。
  • ❌ 绝不要使用 cordova-plugin-*——请使用对应的 Capacitor 插件。
  • ❌ 绝不要使用 ngx-admob-free 或其他已弃用的广告库——请使用 @capacitor-community/admob。
  • ❌ 绝不要同步调用 Capacitor 插件方法——始终使用 await。
  • ✅ 始终使用 Capacitor.isNativePlatform() 为仅限原生平台的代码添加保护。
  • ✅ 安装或更新任何 Capacitor 插件后,始终运行 npx cap sync。

必需的共享库

npm install \
  @capacitor/app \
  @capacitor/preferences \
  @capacitor/push-notifications \
  @capacitor/splash-screen \
  @capacitor/status-bar \
  @revenuecat/purchases-capacitor \
  @capacitor-community/admob \
  swiper

ionic-deep-links(以及任何监听 appUrlOpen / appStateChange 的技能)需要 @capacitor/app,因此它属于共享基线的一部分。

除各框架特定的 i18n 库外,还需安装以下库(参见各框架的 SKILL.md)。

评论

支持 Markdown