部署一个实时更新
复制一个包含安装步骤和本插件的完整 Markdown 指南的配置提示。
使用 Capgo 的实时更新功能来远程、实时更新您的应用程序的 UI 和商业逻辑。直接将 JS 包更新推送给您的用户,无需通过应用商店来立即修复 bug 和发布新功能。
本指南假设您已经完成了 Capgo 快速入门 并且已经:
-
在您的 __CAPGO_KEEP_1__ 应用程序中安装了
@capgo/capacitor-updaterSDK in your Capacitor app -
配置了您的应用 ID 和更新频道
capacitor.config.ts -
在您的code中添加了
CapacitorUpdater.notifyAppReady()方法
如果您尚未完成这些步骤,请先完成快速入门后再继续。
上传一个捆绑包
标题:上传一个捆绑包已安装并配置了Capgo SDK,您现在可以上传第一个实时更新捆绑包:
-
构建您的Web资产:
终端窗口 npm run build -
将捆绑包上传到Capgo:
终端窗口 npx @capgo/cli@latest bundle upload --channel=production.github/workflows/build_and_deploy.yml name: Build source code and send to Capgoconcurrency:group: ${{ github.workflow }}-${{ github.ref }}cancel-in-progress: trueon:push:branches:- mainjobs:deploy_to_capgo:runs-on: ubuntu-lateststeps:- name: Checkoutuses: actions/checkout@v6- uses: actions/setup-node@v6with:node-version: '24'- name: Install dependenciesrun: npm install- name: Buildrun: npm run build- name: Deploy to Capgorun: npx @capgo/cli@latest bundle upload -a ${{ secrets.CAPGO_TOKEN }} --channel ${{ env.CHANNEL }}env:CAPGO_TOKEN: ${{ secrets.CAPGO_TOKEN }}.gitlab-ci.yml stages:- buildbuild:stage: buildimage: node:18cache:- key:files:- package-lock.jsonpaths:- .node_modules/script:- npm install- npm run build- npx @capgo/cli@latest bundle upload -a $CAPGO_TOKEN --channel $CAPGO_CHANNELartifacts:paths:- node_modules/- dist/only:- master将上传一个新版本的捆绑包到命令中指定的频道中。
上传故障排除
上传故障排除如果您的上传失败,请检查:
- 您的应用 ID 在
capacitor.config.ts与您的应用在 Capgo 控制台中匹配 - 您正在从您的 Capacitor 项目根目录运行上传命令
- 您的 Web 资产已构建并且是最新的
如果您仍然遇到问题,请前往 故障排除 设备上接收更新
标题为“设备上接收更新”
一旦您的捆绑包上传完成,您就可以在设备上测试实时更新:同步您的应用到设备:
-
故障排除
终端窗口 npx cap sync ios -
在另一个终端中运行以下命令来检查更新状态:
终端窗口 npx @capgo/cli@latest app debug -
在本地运行您的应用:
终端窗口 npx cap run ios或者在 Xcode/Android Studio 中打开 iOS/Android 项目并进行原生运行。
-
保持应用程序打开约 30 秒,以便在后台下载更新。
-
日志将在几秒钟内更新并显示更新状态。
-
关闭并重新打开应用程序。您应该看到您的实时更新已应用!
回顾一下 Capgo 快速入门 有关测试实时更新的更多详细信息,请参阅此处。
下一步
标题:下一步Congrats on deploying your first live update with Capgo! 🎉
要了解更多信息,请查看剩余的 Capgo 实时更新文档。您可以检查以下一些关键主题:
继续从部署实时更新
标题:继续从部署实时更新如果您正在使用 部署实时更新 以规划CI/CD自动化,连接它与 Capgo CI/CD 为Capgo CI/CD中的产品工作流程 Capgo 原生构建 为Capgo 原生构建中的产品工作流程 Capgo 集成 为Capgo 集成中的产品工作流程 CI/CD集成 CI/CD 集成的实现细节 GitHub Actions 集成 for the implementation detail in GitHub Actions Integration.