跳过内容

CLI 入门指南

该Capgo CLI提供了一个交互式引导程序,设置了对您的Capacitor应用程序的实时更新。您将:

  1. ✅在Capgo中注册您的应用程序
  2. 🔌安装并配置更新插件
  3. 🚀 部署您的第一个live update
  4. 📱 在您的设备上测试更新

预计时间: 10-20 分钟(根据您的互联网速度和构建时间而异)

使用您的API密钥运行入门命令:

终端窗口
npx @capgo/cli@latest init [APIKEY]

您将看到欢迎消息:

Capgo onboarding 🛫

什么是入门流程

标题:什么是入门流程

CLI 将引导您完成 13 个交互式步骤:

设置阶段(步骤 1-6):

  • 检查您的开发环境(Xcode/Android Studio)
  • 将您的应用程序添加到 Capgo 并创建一个生产频道
  • 安装 @capgo/capacitor-updater 插件
  • 将所需的 code 注入您的应用程序
  • 可选地启用端到端加密
  • 选择测试平台(iOS或Android)

测试阶段(第 7-12 步):

  • 构建并在设备/模拟器上运行您的应用
  • 在设备上显示一个可见的code变化(自动或手动)
  • 将更新的捆绑包上传到Capgo
  • 在设备上实时看到live update

完成(第 13 步):

  • 您的应用已准备好进行实时更新! 🎉

13 步入门流程

标题:13 步入门流程

步骤 1:检查前置条件

标题:步骤 1:检查前置条件

CLI检查您的开发环境以确保您已安装必要的工具。

什么会被检查:

  • Xcode (macOS only) - 仅限macOS,用于iOS开发
  • Android SDK - 仅限Android开发

可能的结果:

✅ 环境均已找到:

✅ Xcode detected - iOS development ready
✅ Android SDK detected - Android development ready

⚠️ 未找到环境:

⚠️ Xcode not found
⚠️ Android SDK not found
❌ No development environment detected
📱 To develop mobile apps with Capacitor, you need:
• For iOS: Xcode (macOS only) - https://developer.apple.com/xcode/
• For Android: Android Studio - https://developer.android.com/studio

可能会被询问的问题:

步骤 2:添加您的应用

步骤 2:添加您的应用

The CLI will log you into Capgo and add your app to your account.

(spinner) Running: npm @capgo/cli@latest login ***
Login Done ✅
❓ Add {appId} in Capgo?

如果您的应用 ID 已经被占用:

The CLI will suggest alternatives:

❌ App ID "com.example.app" is already taken
💡 Here are some suggestions:
1. com.example.app2
2. com.example.app3
3. com.example.app.new
4. com.example.app.app
❓ What would you like to do?

您可以选择建议的替代方案或输入自定义应用 ID。

是

❓ Create default channel production for {appId} in Capgo?

如果您选择是:

(spinner) Running: npm @capgo/cli@latest channel add production {appId} --default
Channel add Done ✅ (or "Channel already added ✅")

将会创建并设置一个生产频道。对于大多数用户来说,这是推荐的选项。

如果您选择否:

If you change your mind, run it for yourself with: "npm @capgo/cli@latest channel add production {appId} --default"

您需要手动创建和配置频道。或者,您可以:

  • 在您的 capacitor.config.ts 文件
  • 使用JavaScript setChannel() 方法动态设置频道
  • 稍后从Capgo web控制台配置频道

步骤 4: 安装更新插件

步骤 4:安装更新插件

The CLI will install the @capgo/capacitor-updater 插件与您的Capacitor版本兼容。

❓ Automatic Install "@capgo/capacitor-updater" dependency in {appId}?

v5

  • Capacitor 5v6 @capgo/capacitor-updater v5
  • Capacitor 6v6 @capgo/capacitor-updater v6
  • Capacitor 7: 安装 @capgo/capacitor-updater v7
  • Capacitor 8+: 安装最新版本

即时更新选项:

安装后,您将被询问:

❓ Do you want to set instant updates in {appId}?
Read more: https://capgo.app/docs/live-updates/update-behavior/#applying-updates-immediately

如果您选择是:

  • 更新将配置为在应用程序后台和重新打开时立即应用
  • autoUpdate: 'always' 并且 autoSplashscreen: true 将添加到您的配置
  • @capacitor/splash-screen 将安装,如果缺失, launchAutoHide: false
  • 您的 capacitor.config.ts 将自动更新
  • 差分更新 保持启用。即刻应用(always, atInstall, onLaunch)应继续使用 npx @capgo/cli@latest bundle upload --delta 所以只有改变的文件下载,用户不会等待一个完整的zip

如果您选择否:

  • 更新将使用标准行为(在后台下载,下次重启时应用)
  • 您可以随时启用即时更新,通过修改您的 capacitor.config.ts

集成 CLI 将自动将所需的 code 注入您的主应用程序文件中。

❓ Automatic Add "CapacitorUpdater.notifyAppReady()" code and import in {appId}?

添加什么:

import { CapacitorUpdater } from '@capgo/capacitor-updater'
CapacitorUpdater.notifyAppReady()

项目类型检测:

  • Nuxt.js: 创建 plugins/capacitorUpdater.client.ts
  • 其他框架: 添加到主入口文件

第 6 步:设置加密(可选)

关于 Capgo 页面的标题

终端到终端加密为你的更新添加了额外的安全层。

🔐 End-to-end encryption
✅ Use this for: Banking, healthcare, or apps with legal encryption requirements
⚠️ Note: Makes debugging harder - skip if you don't need it
❓ Enable end-to-end encryption for {appId} updates?

如果你启用加密,CLI 将会:

  1. 生成加密密钥
  2. 邀请同步您的Capacitor配置

第 7 步:选择平台

第 7 步:选择平台

选择测试期间的平台

📱 Platform selection for onboarding
This is just for testing during onboarding - your app will work on all platforms
❓ Which platform do you want to test with during this onboarding?
Options:
- iOS
- Android

第 8 步:构建您的项目

第 8 步:构建您的项目

CLI将构建您的应用并与Capacitor同步。

❓ Automatic build {appId} with "npm run build"?

发生了什么:

  1. 检测您的项目类型
  2. 运行您的构建脚本
  3. 执行 npx cap sync {platform}

如果构建脚本丢失:

您将被询问是否要跳过构建或添加一个构建脚本到您的 package.json.

第 9 步:在设备上运行

关于 Capgo 页面

在设备或模拟器上测试您的应用的初始版本

❓ Run {appId} on {PLATFORM} device now to test the initial version?

如果您选择 是:

(spinner) Running: npx cap run {platform}
(device picker appears)
App started ✅
📱 Your app should now be running on your {platform} device with Capgo integrated
🔄 This is your baseline version - we'll create an update next

第 10 步:进行测试修改

关于 Capgo

现在是时候测试 Capgo 的更新系统了,通过进行一个可见的修改。

🎯 Now let's test Capgo by making a visible change and deploying an update!
❓ How would you like to test the update?
Options:
- Auto: Let Capgo CLI make a visible change for you
- Manual: I'll make changes myself

自动模式: CLI会自动修改您的文件,添加可见的测试横幅或更改。

手动模式: 您自己进行修改(例如,改变文本、颜色或添加元素)。

版本处理:

❓ How do you want to handle the version for this update?
Options:
- Auto: Bump patch version ({currentVersion} → {nextVersion})
- Manual: I'll provide the version number

构建修改

❓ Build {appId} with changes before uploading?

步骤 11:上传包

步骤 11:上传包裹

Upload your updated app bundle to Capgo.

❓ Upload the updated {appId} bundle (v{version}) to Capgo?

将您的更新后的应用程序包上传到 CLI。

__CAPGO_KEEP_0__ 运行:
npx @capgo/cli@latest bundle upload

为即时更新提供最佳体验。

💡 Instant updates are enabled in your config
Delta updates send only changed files instead of the full bundle
❓ Enable delta updates for this upload? (Recommended with instant updates)

Success:

✅ Update v{version} uploaded successfully!
🎉 Your updated bundle is now available on Capgo

第 12 步:在设备上测试更新

关于 Capgo

让我们看到更新的效果!

🧪 Time to test the Capgo update system!
📱 Go to your device where the app is running

实时更新:

🔄 IMPORTANT: Background your app (swipe up/press home button) and then reopen it
⏱️ The update should be downloaded and applied automatically

标准更新:

📱 With standard updates, you will need to:
1. Background the app (swipe up/press home button) to start download
2. Wait a few seconds for download to complete
3. Background and foreground again to see the update

查看日志:

❓ Monitor Capgo logs to verify the update worked?

如果您选择 是,你将看到设备的实时日志,显示更新过程。

步骤13:完成

步骤13:完成
Welcome onboard ✈️!

恭喜!您成功地为应用程序设置了Capgo实时更新。

您已经完成的内容

步骤13:完成

完成入门后,您有:

✅应用程序已注册

您的应用程序已在Capgo中注册,生产频道

✅插件已安装

Capacitor

Code

code

✅ __CAPGO_KEEP_0__

✅ live update

__CAPGO_KEEP_0__

__CAPGO_KEEP_0__

__CAPGO_KEEP_0__

__CAPGO_KEEP_0__
npm run build
npx @capgo/cli@latest bundle upload --channel=production

__CAPGO_KEEP_0__ Live Update.

恢复入门流程

恢复入门流程

如果您退出入门流程,可以随时恢复:

终端窗口
npx @capgo/cli@latest init [APIKEY]

您会看到:

You have already got to the step {stepNumber}/13 in the previous session
❓ Would you like to continue from where you left off?

故障排除

故障排除

没有开发环境

没有开发环境

问题: 未检测到 Xcode 或 Android SDK。

解决方案:

应用 ID 已经被占用

应用 ID 已经被占用

问题: 您的应用 ID 已经被注册。

解决方案: 选择建议的替代方案或在反向域名表示法中输入自定义应用 ID。

构建脚本丢失

标题:构建脚本丢失

问题: 未在 package.json.

解决方案: 为您的项目添加一个构建脚本 package.json:

{
"scripts": {
"build": "your-build-command"
}
}

自动注入失败

自动注入失败

问题: CLI无法自动注入code

解决方案: 手动将code添加到主文件中:

import { CapacitorUpdater } from '@capgo/capacitor-updater'
CapacitorUpdater.notifyAppReady()

Capacitor版本过低

Capacitor版本过低

问题: 您的Capacitor版本低于v5

解决方案: 升级到 Capacitor v5 或更高版本:

下一步

下一步

现在您已经完成了入门流程,了解这些主题:

获取帮助

获取帮助

如果您在入门过程中遇到问题:

如果您正在使用 CLI 入门指南 为计划仪表板和API操作,连接它 API概览 了解API概览的实施细节 简介 了解简介的实施细节 API密钥 了解API密钥的实施细节 设备 设备 包 了解包的实施细节