部署一个实时更新

使用 Capgo 的实时更新功能来实时更新您的应用程序的 UI 和商业逻辑。直接将 JS 包更新推送给您的用户，无需通过应用商店即可立即修复 bug 和发布新功能。

提示

Capgo 将生成的 Web 构建文件夹上传。HTML、CSS、JavaScript、资产和纯 JavaScript 包的更改可以通过 OTA 一次性更改。native 插件配置、native 包或 iOS/Android 项目文件的更改需要发布 native 应用程序。 capacitor.config.ts本指南假设您已经完成了

__CAPGO_KEEP_0__ 快速入门 Capgo 并且你已经：

1. 安装了 @capgo/capacitor-updater SDK 在你的 Capacitor app 中

2. 配置了你的 app ID 和更新频道在 capacitor.config.ts

3. 在你的 code 中添加了 CapacitorUpdater.notifyAppReady() 方法

如果你还没有完成这些步骤，请先返回并完成快速入门。

添加一个应用 在你的 Capgo 帐户中添加一个应用，并在你的应用中安装插件

上传一个 Bundle

在 Capgo SDK 已经安装并配置后，你就可以上传你的第一个实时更新包了：

1. 构建您的 Web 资产：

   npm run build

2. 将打包文件上传到 Capgo:

   控制台

   npx @capgo/cli@latest bundle upload --channel=production

   Github 操作

   github/workflows/build_and_deploy.yml

   name: Build source code and send to Capgo
   
   concurrency:
   group: ${{ github.workflow }}-${{ github.ref }}
   cancel-in-progress: true
   
   on:
   push:
     branches:
       - main
   
   jobs:
   deploy_to_capgo:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout
         uses: actions/checkout@v6
       - uses: actions/setup-node@v6
         with:
           node-version: '24'
       - name: Install dependencies
         run: npm install
       - name: Build
         run: npm run build
       - name: Deploy to Capgo
         run: npx @capgo/cli@latest bundle upload -a ${{ secrets.CAPGO_TOKEN }} --channel ${{ env.CHANNEL }}
         env:
           CAPGO_TOKEN: ${{ secrets.CAPGO_TOKEN }}

   GitLab

   .gitlab-ci.yml

   stages:
     - build
   
   build:
     stage: build
     image: node:18
     cache:
       - key:
           files:
             - package-lock.json
         paths:
           - .node_modules/
     script:
       - npm install
       - npm run build
       - npx @capgo/cli@latest bundle upload -a $CAPGO_TOKEN --channel $CAPGO_CHANNEL
     artifacts:
       paths:
         - node_modules/
         - dist/
     only:
       - master

   这将上传一个新的包版本到命令中指定的频道。

上传故障排除

如果您的上传失败，请检查：

• 您的应用 ID capacitor.config.ts 与您在 Capgo 控制台中注册的应用 ID 匹配
• 您正在从您的 Capacitor 项目根目录运行上传命令
• 您的 Web 资产已构建并且是最新的

如果您仍然遇到问题，请前往 故障排除 部分

设备接收更新

上传包后，您可以在设备上测试实时更新：

1. 同步应用到设备：

   npx cap sync ios

2. 在另一个终端窗口中运行以下命令来检查更新状态：

   npx @capgo/cli@latest app debug

3. 在本地运行您的应用：

   npx cap run ios

   或在 Xcode/Android Studio 中打开 iOS/Android 项目并进行原生运行。

4. 保持应用程序打开大约 30 秒钟，以便在后台下载更新。

5. 日志将需要几秒钟才能更新并显示更新状态。

6. 关闭并重新打开应用程序。您应该看到您的实时更新已应用!

请参阅 Capgo 快速入门 了解更多关于测试实时更新的详细信息。

下一步

恭喜您使用 Capgo 部署了第一个实时更新！ 🎉

要了解更多信息，请查看 Capgo 实时更新文档. Some key topics to check out next:

• 了解下列这些关键内容:
• Targeting Updates with Channels
• 使用频道更新

Customizing Update Behavior

Live Update Rollbacks 实时更新回滚 Keep going from Deploy a Live Update Capgo CI/CD for the product workflow in Capgo CI/CD, Capgo Native Builds 为产品工作流程在Capgo原生构建中 Capgo集成 为产品工作流程在Capgo集成中 CI/CD集成 CI/CD集成的实现细节，以及 GitHub动作集成 在GitHub动作集成的实现细节。