为 Capacitor 应用设置 CI/CD

想要更快、错误少的iOS和Android应用程序发布? CI/CD管道 Capacitor 自动化 Capgo.

关键点：

为什么CI/CD对于 Capacitor 应用: 提高构建速度 78%、减少商店拒绝 60%。
必备工具: Xcode, Android Studio, CocoaPods, 等。
管道设置: 自动执行任务 npx cap sync, 缓存依赖项、以及平台特定构建。
实时更新与 Capgo: 启用发布后更新、分阶段发布和回滚保障。

快速设置步骤：

准备环境: 安装 iOS 和 Android 所需的工具。
配置项目: 更新 capacitor.config.ts 并安全地管理环境变量。
构建管线: 为两种平台自动安装依赖项、构建和测试。
优化性能: 使用缓存、并行构建和条件工作流。
添加实时更新: 集成 Capgo 以实现安全的 OTA 更新和分阶段发布。

在CI/CD中，Capacitor应用程序实现更快、更Smooth的发布，同时最小化错误和手动干预。准备优化您的工作流程？让我们开始！

将您的现有CI/CD管道与移动功能集成

准备CI/CD环境

一旦您掌握了CI/CD的基本知识，下一步就是设置环境。这是可靠自动化的基础。

工具和软件设置

确保您安装了这些关键工具：

对于iOS开发：

Xcode 14或更高版本
Xcode命令行工具
CocoaPods 管理依赖项

For Android Development:

Android Studio
Android SDK 33 或以上
Java 开发工具包 (JDK)

要确认您的 Xcode 命令行工具已安装，请使用：

xcode-select -p

创建一个 Capacitor 项目

Capacitor 框架文档网站

您的 Capacitor 项目需要正确配置以支持 CI/CD 工作流。这个设置的核心是 capacitor.config.ts 文件

const config: CapacitorConfig = {
  appId: 'com.example.app',
  webDir: 'build',
  ios: { 
    scheme: 'MyApp'
  }
}

这个文件确保您的项目符合 CI/CD 要求。

设置环境变量

安全管理凭据是将环境设置与 CI/CD pipeline 链接的关键部分。

需要定义的关键变量:

BUILD_ENV: 指定部署阶段（例如， production)
IOS_SIGNING_IDENTITY: 你的 code 签名证书
ANDROID_KEYSTORE_PATH: Android keystore 的路径

在 Android 构建中，动态生成一个 local.properties 文件在 CI 过程中：

echo "sdk.dir=$ANDROID_SDK_ROOT" > android/local.properties

当与 iOS 构建一起工作时，请确保您的 CI 平台支持 macOS agent。

检查环境是否准备好：

node --version | grep "v16" && xcodebuild -version | grep "Xcode 14" || exit 1

正确管理密钥和凭据可以显著降低应用商店拒绝的机会，正如早期统计数据所示 [1].

创建您的 CI/CD pipeline

一旦环境准备就绪，下一步就是为您的 Capacitor应用程序

设置CI/CD管道。这条管道应该高效地管理Web资产和本机平台构建。

安装和更新依赖项

npm install --ignore-scripts
npm install @capacitor/cli

在CI/CD环境中，管理依赖项需要严格的版本控制。从清洁的安装过程开始：为了加快构建速度，使用依赖项缓存。例如， Azure DevOps

- task: Cache@2
  inputs:
    key: 'npm | "$(Agent.OS)" | package-lock.json'
    path: |
      node_modules
      android/.gradle
      ios/Pods

用户已经看到使用此设置的构建时间可以提高40-60%：

iOS和Android构建设置

以下是如何配置两种平台的构建：

steps:
  - task: InstallAppleCertificate@2
    inputs:
      certSecureFile: 'certificate.p12'
      certPwd: $(P12_PASSWORD)
  - script: |
      xcodebuild -workspace ios/App/App.xcworkspace -scheme App -configuration Release -archivePath ios/App/App.xcarchive archive

iOS构建配置：

cd android
./gradlew bundleRelease

测试和部署步骤

并行使用矩阵策略运行平台测试：

test:
  steps:
    - run: npm run test:unit
    - run: npm run test:e2e
    - name: Run Platform Tests
      matrix:
        platform: [ios, android]
      run: npm run test:${{ matrix.platform }}

对于部署，设置平台特定的工件处理：

平台	工件类型	分发渠道
iOS	.ipa	App Store Connect
Android	.aab	Google Play Console

使用并行构建可以在正确配置时显著减少管道执行时间。

Once your builds are validated and packaged, you’re ready to move on to live updates with Capgo (discussed in the next section).

sbb-itb-f9944d2

添加 Capgo 实时更新

Capgo 实时更新控制台界面

将Capgo集成到您的工作流程中，可以增强CI/CD流程，实现发布后更新。以下是如何设置它：

Capgo pipeline 配置

首先，安装 Capgo CLI 在您的管道环境中：

steps:
  - name: Install Capgo CLI
    run: npm install -g @capgo/cli
  - name: Configure Authentication
    env:
      CAPGO_KEY: ${{ secrets.CAPGO_API_KEY }}

This extension extends your CI/CD lifecycle by incorporating 更新管理将其整合到您的自动化构建和部署流程中。

下一步，请在您的构建步骤之后添加上传命令：

- name: Upload Update
  run: |
    capgo upload --api-key $CAPGO_KEY --bundle ./build/app-release.apk
    capgo deploy v${VERSION} --channel production

For 安全更新, 配置验证设置如下：

{
  "verification": {
    "checksum": "strict",
    "certificatePinning": true,
    "updateTimeout": 500
  }
}

Capgo 功能概览

功能特性	描述
端到端加密	显著减少部署错误。
环境分级发布	根据环境进行定制更新。
分级发布	确保更新逐渐分发。

OTA更新指南

在部署后通过跟踪这些关键指标来增强您的测试流程:

分级发布策略

使用分阶段发布来控制更新的分发:

- name: Staged Rollout
  run: |
    capgo deploy v1.2.3 --group "beta-users" --rollout 10%
    capgo deploy v1.2.3 --rollout 50%

更新监控

关注这些指标:

采用率: 在首24小时内目标为40-60%
无故障会话: 保证达到 99.5% 以上。
验证时间: 确保小于 500ms。

如果崩溃超过可接受的水平，请自动回滚：

- name: Rollback Check
  run: |
    if [ $(capgo stats --version v1.2.3 --metric crashes) -gt 2 ]; then
      capgo rollback --channel production
    fi

优化管道性能

专注于三个关键领域可以显著改善您的管道：

构建速度优化

对于仅限 web 的更改，使用 npx cap sync 可以节省时间，通过跳过完整的本机重建，减少重建时间约 40%。以下是如何实现条件构建的方法：

- name: Build Strategy
  run: |
    [ "$WEB_ONLY" = true ] && npx cap sync || (./gradlew assembleRelease && xcodebuild ...)

此方法确保只重建必要的组件，从而简化流程。

版本控制自动化

自动化版本控制可以简化您的工作流程。使用以下脚本来动态设置版本和构建号：

- name: Set Version
  run: |
    VERSION=$(node -p "require('./package.json').version")
    BUILD_NUMBER=$GITHUB_RUN_NUMBER
    echo "APP_VERSION=${VERSION}" >> $GITHUB_ENV
    echo "BUILD_ID=${BUILD_NUMBER}" >> $GITHUB_ENV

此配置还可以自动设置语义版本：

{
  "scripts": {
    "version": "standard-version",
    "build:prod": "npm version patch && ionic build --prod"
  }
}

这些实践为通过以下指标跟踪和改进管道性能提供了坚实的框架：

每个阶段的构建时间
缓存效率（命中/丢失比率）
峰值资源使用率

多环境设置

通过使用环境特定的配置来管理多个环境可以大大简化工作流程。以下是一个示例设置：

环境	配置文件
开发	`.env.dev`
测试	`.env.staging`
生产环境	安全存储

您可以使用此脚本动态配置环境：

- name: Configure Environment
  env:
    API_KEY: ${{ secrets.ENV_SPECIFIC_API_KEY }}
    BUNDLE_ID: ${{ parameters.bundleId }}
  run: |
    echo "ENVIRONMENT=${{ parameters.environment }}" >> $GITHUB_ENV
    echo "API_ENDPOINT=${{ parameters.apiUrl }}" >> $GITHUB_ENV

将这些配置与Capgo的频道部署机制配对，可以实现精确的、环境特定的更新。这有助于实现更平滑的发布和更好的应用行为控制。

概要

CI/CD在开发中的作用

使用Capacitor应用的CI/CD管道显著提高了工作流效率。根据行业数据，团队可以实现 50-70%的发布周期缩短 通过同时进行iOS和Android构建 [3].通过自动化任务，如依赖项安装和平台同步，减少了部署错误 40-60% [1][2].

例如，使用Azure DevOps管道的团队已经自动化了顺序构建步骤和Xcode打包。他们还使用了参数化环境来进行开发和生产。这一方法消除了手动Gradle和XcodeCLI的需要，确保了每次都能可靠地创建工件。

这些改进为使用Capgo的更新管理提供了基础

Capgo for Update Management

Capgo与CI/CD管道无缝整合，实时更新，同时保持应用商店政策的合规性。更新仅在通过管道内的自动化测试门户后才会被部署。

通过结合自动化构建和阶段性发布，团队可以实现出色的结果： 7天内覆盖80%用户 在1小时内回滚功能

常见的策略是并行部署多个跟踪。自动化构建用于内部测试，而阶段性发布则针对用户群体。这确保了更新既快速又安全，依靠严格的自动化测试门户 [1].

FAQs

如何创建一个Capacitor应用?

创建一个Capacitor应用涉及几个简单的步骤：

设置环境:安装Node.js和npm到您的系统上。然后，使用Ionic CLI来启动一个新的项目，带有Capacitor支持：
```
ionic start myApp tabs --capacitor
```
添加平台支持: 添加您要目标的平台，例如 iOS 或 Android：
```
npx cap add ios
npx cap add android
```
同步您的 web code: 确保您的 web code 与本机平台保持一致，运行：
```
npx cap sync
```

同步步骤对于保持应用程序在 CI/CD pipeline 中的平稳运行至关重要。有关设置环境的更多详细信息，请参阅工具部分。

设置 CI/CD 为 Capacitor 应用