迁移概要
- Capgo 是一个帮助开发团队将实时应用程序部署到已部署应用程序的服务。
- Capacitor 可以将使用 jQuery Mobile、Framework 7、Sencha、KendoUI、Ionic 或自定义解决方案编写的 JS 应用程序迁移。.
- 不需要现有的 Ionic 应用程序。 Colt
提供了 App Center Build (构建 Android/iOS 应用程序) 的等效服务。对于 Test、Diagnostics 和 Analytics 服务。
注意 migrate to Capacitor 在迁移到 Capgo
之前先迁移到 Capacitor。
幸运的是,迁移过程很简单,大多数Cordova插件与Capacitor兼容。 开始迁移.
关于Capgo
Capgo, handles updating apps over time. Development teams can focus completely on the unique features of their app and outsource the complicated app delivery process to Capgo.
Capgo负责更新应用程序的过程。开发团队可以专注于应用程序的独特功能,而将复杂的应用程序交付过程外包给__CAPGO_KEEP_1__。
Capgo填补了Web交付和移动之间的空白。
__CAPGO_KEEP_0__的先决条件 Capgo GitHub
Install Capgo CLI
__CAPGO_KEEP_0__支持在Azure DevOps、Bitbucket、__CAPGO_KEEP_0__和GitLab上的Git存储库中托管的应用程序。
安装NPM __CAPGO_KEEP_1__ 当前 LTS 版本 Capgo 不要使用旧版本。
创建 package.json 并 Capacitor 配置文件
注意
在开始之前,我建议在一个新的 Git Branch 上进行更改。
由于 Capgo was created to automate capacitor apps, it requires one file that your app may not have. First, create a capacitor.config.json 创建了来自动化 __CAPGO_KEEP_0__ 应用,它需要一个文件,可能你的应用没有。首先,创建一个
npm install @capacitor/core
Then, initialize Capacitor using the CLI questionnaire:
npx cap init
然后,使用 __CAPGO_KEEP_1__ 问卷初始化 CLI:
最后,提交新文件到您的项目:
git add .git commit -m "added package json and capacitor config" && git push
迁移 Code
现在您已经拥有了新要求的 Capgo context Capgo 文件在位后,您可以将注意力转移到实际应用本身。 dist.
code dist directory, change this value in the Capacitor config file.
HTML text fragment from a longer Capgo UI string (parent key `submitting_a_pr_to_capgo`). Page/area: Capgo marketing website. Role: Website copy sentence. Seen in: page contributing.astro. Preserve Capgo product/brand and developer terms exactly. Message key `submitting_a_pr_to_capgo` (Submitting A Pr To Capgo).

如果您的构建 Capgo 不在一个目录中,则更改此值在 Capgo 配置文件中。
您的应用程序已经准备好 Capgo 您已经准备好签署并获取您的API密钥以上传您的第一个版本!首先 注册一个Capgo账户.
您已经登录到Capgo,导航到帐户页面,然后点击API密钥,然后点击“写”键将其复制到剪贴板。
安装Capgo中的SDK
从命令行直接到您的Capacitor应用程序根目录,运行以下命令:
npm i @capgo/capacitor-updater && npx cap sync
将插件安装到您的Capacitor应用程序中。
然后将code添加到您的应用程序中,代替CodePush:
import { CapacitorUpdater } from '@capgo/capacitor-updater'
CapacitorUpdater.notifyAppReady()
这将告诉本机插件安装已成功。
实时更新部署(CodePush替代品)
实时更新功能通过使用已安装的 Capgo SDK 在您的原生应用中监听特定的发布频道目的地。当一个Web构建被 assignment 到一个频道目的地时,那个更新将会被部署到运行配置为监听指定频道目的地的二进制文件的用户设备上。
登录到 Capgo CLOUD
首先,使用 all apikey 在您的帐户中使用apikey登录到 CLI:
npx @capgo/cli@latest login YOURKEY
添加您的第一个应用
让我们从创建应用在 Capgo Cloud 中开始,使用 CLI。
npx @capgo/cli@latest app add
这个命令将使用 Capacitor 配置文件中定义的所有变量来创建应用。
上传您的第一个捆绑包
运行命令来构建您的 code 并将其发送到 Capgo:
npx @capgo/cli@latest bundle upload --channel production
默认情况下,版本名称将是您的 package.json 文件。
检查入 Capgo 如果构建存在
您甚至可以使用我的 移动沙盒应用.
设置默认频道
您发送应用程序到Capgo后,需要设置您的频道 default 让应用程序从Capgo接收更新
npx @capgo/cli@latest channel set production -s default
配置应用程序以验证更新
将此配置添加到主JavaScript文件中
import { CapacitorUpdater } from '@capgo/capacitor-updater'
CapacitorUpdater.notifyAppReady()
然后执行 npm run build && npx cap copy 为了更新您的应用程序。
在设备上接收实时更新
为了让您的应用程序从Deploy接收实时更新,您需要在设备或模拟器上运行应用程序。最简单的方法是使用以下命令在模拟器或连接到计算机的设备上启动本地应用程序。
npx cap run [ios | android]
打开应用程序,放到后台,然后再次打开它,您应该在日志中看到应用程序已经更新。
恭喜!您成功部署了第一个实时更新。这只是您可以使用实时更新的开始。要了解更多信息,请查看完整的 实时更新文档.
移除App Center依赖项
现在我们已经集成了Capgo的服务,您应该移除任何App Center的引用。除了最佳实践是移除未使用的code/服务外,移除SDK还可以减少应用程序的大小。
首先,打开终端,然后卸载App Center插件:
cordova plugin remove cordova-plugin-appcenter-analytics cordova-plugin-appcenter-crashes cordova-plugin-code-push
接下来,打开 config.xml 并移除以下 preference 值。它们将类似于:
<preference name="APP_SECRET" value="0000-0000-0000-0000-000000000000" /><preference name="CodePushDeploymentKey" value="YOUR-ANDROID-DEPLOYMENT-KEY" /><preference name="CodePushPublicKey" value="YOUR-PUBLIC-KEY" />
如果您在应用中使用 App Center 分析,需要移除以下元素: preferences 元素: APPCENTER_ANALYTICS_ENABLE_IN_JS 并且 APPCENTER_CRASHES_ALWAYS_SEND.
移除以下元素: <access /> 元素:
<access origin="https://codepush.appcenter.ms" /><access origin="https://codepush.blob.core.windows.net" /><access origin="https://codepushupdates.azureedge.net" />
移除 CodePush 的引用在 CSP 标签中 meta 文件( index.html 最后,在您的应用中,移除任何 __CAPGO_KEEP_0__ App Center 服务的引用,例如https://codepush.appcenter.ms):
<meta http-equiv="Content-Security-Policy" content="default-src https://codepush.appcenter.ms 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *" />
Finally, within your app, remove any code references to App Center services, such as codePush.sync();.
您已经从 App Center 迁移到 __CAPGO_KEEP_0__,并利用了实时更新。这只是您可以使用 __CAPGO_KEEP_1__ 的开始。探索服务的其他功能,包括 Channel(多个环境)和覆盖。__CAPGO_KEEP_2__ 云集成,使用 __CAPGO_KEEP_3__ 在您的 CI/CD 平台(例如 __CAPGO_KEEP_4__ 动作,GitLab,Jenkins 等)中。
You’ve migrated from App Center to Capgo, utilizing the Live Updates. This is just the beginning of what you can use Capgo for. Explore the rest of the service includes Channel (multiple environments) and override. Cloud CLI integration, use Capgo inside your CI/CD platform of choice (such as GitHub Action, GitLab, Jenkins, and more).
自动发送应用更新
如果您的code托管在GitHub上,您可以在几步之内设置自动构建和发布,感谢GitHub动作。
我已经写了第二篇文章让您可以这样做。
版权信息
感谢 Ionic,这篇文章基于 这篇文章 使用chat-gpt-3重写并适配。
从App Center迁移到Capgo
如果您正在使用 从App Center迁移到Capgo 来规划迁移和企业运营,连接它 Capgo 企业版 为 Capgo 企业版 的产品工作流程 Ionic 企业插件替代方案 为 Ionic 企业插件替代方案 的产品工作流程 Capgo 替代方案 为 Capgo 替代方案 的产品工作流程 Capgo 咨询服务 为 Capgo 咨询服务 的产品工作流程, Capgo 高级支持 为 Capgo 高级支持 的产品工作流程。