部署实时更新
复制一个包含安装步骤和本插件的完整Markdown指南的设置提示。
使用 Capgo 的实时更新功能来远程、实时更新您的应用程序的 UI 和商业逻辑。直接将 JS 包更新推送给您的用户,无需通过应用商店即可立即修复错误并发布新功能。
本指南假设您已完成了 Capgo 快速入门 并且您已经:
-
在您的 __CAPGO_KEEP_1__ 应用程序中安装了
@capgo/capacitor-updaterSDK in your Capacitor app -
配置了您的应用 ID 和更新频道在
capacitor.config.ts -
在您的 code 中添加了
CapacitorUpdater.notifyAppReady()__CAPGO_KEEP_0__ 方法
如果您还没有完成这些步骤,请先返回并完成快速入门。
上传一个捆绑包
标题:上传一个捆绑包在您的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 快速入门 for more details on testing live updates.
Next Steps
Section titled “Next Steps”Congrats on deploying your first live update with Capgo! 🎉
To learn more, review the rest of the Capgo Live Updates documentation. Some key topics to check out next:
如果您正在使用 实时更新 为了计划CI/CD自动化,连接它与 Capgo CI/CD 在Capgo CI/CD中配置产品工作流程 Capgo 原生构建 在Capgo 原生构建中配置产品工作流程 Capgo 集成 在Capgo 集成中配置产品工作流程 CI/CD集成 在CI/CD集成中实现详细信息 GitHub 动作集成 为GitHub Actions Integration 的实现细节。