Bitbucket Pipelines統合から続きます

Integrate Capgo Live Updates with Bitbucket Pipelines to automatically deploy your app updates whenever you push code changes. This guide covers setting up automated builds, testing, and deployment workflows.

前提条件

Before setting up Bitbucket Pipelines integration, ensure you have:

• Bitbucketアカウントとリポジトリ
• Capgoアカウントとアプリの設定
• Node.jsとnpm/yarnがプロジェクトに設定されている

Bitbucket Pipelinesの設定

ステップ 1: リポジトリ変数の設定

まず、Bitbucketリポジトリで必要な変数を設定してください。

1. Bitbucketリポジトリに移動
2. Go to リポジトリ設定 → PipeLine → リポジトリ変数
3. 以下の変数を追加します。

変数名	値	暗号化
CAPGO_TOKEN	Your Capgo API token	✅ はい

ヒント

Get your Capgo API token from console.capgo.app/apikeysCloudflare, Capacitor, GitHub, Capgo, code, API, SDK, CLI, npm, bun capacitor.config.ts ファイル。

シンプル

基本的な設定は、メインブランチにプッシュされるたびに、プロダクションにデプロイされます。

# bitbucket-pipelines.yml - Simple Configuration
image: node:22

pipelines:
  branches:
    main:
      - step:
          name: Build and Deploy to Production
          script:
            - npm ci
            - npm run test
            - npm run build
            - npm install -g @capgo/cli
            - npx @capgo/cli bundle upload --apikey $CAPGO_TOKEN --channel production
          artifacts:
            - dist/**

高度

機能ブランチのデプロイ

機能ブランチをテストチャンネルにデプロイしてレビューとテストを行います。

# Feature branch deployment
pipelines:
  branches:
    feature/*:
      - step:
          name: Deploy Feature Branch
          script:
            - npm ci
            - npm run test
            - npm run build
            - BRANCH_NAME=$(echo $BITBUCKET_BRANCH | sed 's/[^a-zA-Z0-9-]/-/g')
            - CHANNEL_NAME="feature-$BRANCH_NAME"
            - npm install -g @capgo/cli
            - npx @capgo/cli channel create $CHANNEL_NAME --apikey $CAPGO_TOKEN || true
            - npx @capgo/cli bundle upload --apikey $CAPGO_TOKEN --channel $CHANNEL_NAME
          artifacts:
            - dist/**

ヒント

チャンネルを使用したテスト: フィーチャーチャンネルにデプロイした後、特定のチャンネルを使用するようにアプリを設定してアップデートをテストできます。アプリでチャンネルを設定する方法については アプリでチャンネルを設定する方法.

暗号化の使用

あなたが Capgoの暗号化機能を使用している場合、CI/CD環境で秘密鍵を安全に保存する必要があります。

暗号化キーを 設定した後 ローカルに、Bitbucket変数に秘密鍵を追加してください:

# Display your private key content (copy this output)
cat .capgo_key_v2

Bitbucketリポジトリの変数に追加 CAPGO_PRIVATE_KEY Bitbucketパイプラインで使用するには、次の内容をリポジトリの変数に追加してください (マークしてセキュア化してください):

# Deploy with encryption
- step:
    name: Deploy to Capgo with Encryption
    script:
      - npm install -g @capgo/cli
      - npx @capgo/cli bundle upload --apikey $CAPGO_TOKEN --key-data-v2 "$CAPGO_PRIVATE_KEY" --channel production

注意

セキュリティのベストプラクティス:

• プライベートキーをバージョン管理システムにコミットしない .capgo_key_v2 プライベートキーはCI/CDのシークレットマネージャーにのみ保存する
• 環境ごとに異なるキーを使用する
• __CAPGO_KEEP_0__

Multi-Channel Configuration

複数のデプロイチャンネルの設定と管理に関する詳細情報については、 チャンネルドキュメント.

複数の環境とプルリクエストデプロイの完全な構成:

# bitbucket-pipelines.yml - Advanced Multi-Channel Configuration
image: node:22

definitions:
  steps:
    - step: &build-step
        name: Build Application
        script:
          - npm ci
          - npm run test
          - npm run build
        artifacts:
          - dist/**

    - step: &deploy-step
        name: Deploy to Capgo
        script:
          - npm install -g @capgo/cli
          - npx @capgo/cli bundle upload --apikey $CAPGO_TOKEN --channel $CHANNEL_NAME

pipelines:
  branches:
    main:
      - step:
          <<: *build-step
      - step:
          <<: *deploy-step
          name: Deploy to Production
          deployment: production
          trigger: manual
          script:
            - export CHANNEL_NAME=production
            - npm install -g @capgo/cli
            - npx @capgo/cli bundle upload --apikey $CAPGO_TOKEN --channel $CHANNEL_NAME

    develop:
      - step:
          <<: *build-step
      - step:
          <<: *deploy-step
          name: Deploy to Development
          deployment: development
          script:
            - export CHANNEL_NAME=development
            - npm install -g @capgo/cli
            - npx @capgo/cli bundle upload --apikey $CAPGO_TOKEN --channel $CHANNEL_NAME

  pull-requests:
    '**':
      - step:
          <<: *build-step
      - step:
          name: Deploy PR to Test Channel
          script:
            - CHANNEL_NAME="pr-$BITBUCKET_PR_ID"
            - npm install -g @capgo/cli
            - npx @capgo/cli channel create $CHANNEL_NAME --apikey $CAPGO_TOKEN || true
            - npx @capgo/cli bundle upload --apikey $CAPGO_TOKEN --channel $CHANNEL_NAME
          artifacts:
            - dist/**

Multi-Environment Pipeline

複雑なデプロイシナリオのためのステージングとプロダクション環境:

# Multi-environment pipeline
image: node:22

pipelines:
  branches:
    main:
      - step:
          name: Build
          script:
            - npm ci
            - npm run test
            - npm run build
          artifacts:
            - dist/**
      - step:
          name: Deploy to Staging
          deployment: staging
          script:
            - npm install -g @capgo/cli
            - npx @capgo/cli bundle upload --apikey $CAPGO_TOKEN --channel staging
      - step:
          name: Deploy to Production
          deployment: production
          trigger: manual
          script:
            - npm install -g @capgo/cli
            - npx @capgo/cli bundle upload --apikey $CAPGO_TOKEN --channel production

    develop:
      - step:
          name: Build and Deploy to Development
          script:
            - npm ci
            - npm run test
            - npm run build
            - npm install -g @capgo/cli
            - npx @capgo/cli bundle upload --apikey $CAPGO_TOKEN --channel development
          artifacts:
            - dist/**

Branch-Based Deployment Strategy

自動的に異なるブランチを適切なチャンネルに展開します:

# Dynamic channel deployment
image: node:22

definitions:
  scripts:
    - script: &determine-channel |
        if [ "$BITBUCKET_BRANCH" = "main" ]; then
          export CHANNEL_NAME="production"
        elif [ "$BITBUCKET_BRANCH" = "develop" ]; then
          export CHANNEL_NAME="staging"
        else
          export CHANNEL_NAME="development"
        fi
        echo "Deploying to channel: $CHANNEL_NAME"

pipelines:
  default:
    - step:
        name: Build and Deploy
        script:
          - npm ci
          - npm run test
          - npm run build
          - *determine-channel
          - npm install -g @capgo/cli
          - npx @capgo/cli bundle upload --apikey $CAPGO_TOKEN --channel $CHANNEL_NAME
        artifacts:
          - dist/**

並列Pipeline実行

並列ステップでビルド時間を最適化します:

# Parallel execution pipeline
image: node:22

pipelines:
  branches:
    main:
      - parallel:
          - step:
              name: Run Tests
              script:
                - npm ci
                - npm run test
          - step:
              name: Lint Code
              script:
                - npm ci
                - npm run lint
      - step:
          name: Build Application
          script:
            - npm ci
            - npm run build
          artifacts:
            - dist/**
      - step:
          name: Deploy to Production
          deployment: production
          script:
            - npm install -g @capgo/cli
            - npx @capgo/cli bundle upload --apikey $CAPGO_TOKEN --channel production

セキュリティのベストプラクティス

リポジトリ変数

1. セキュア化された変数: API トークンは常にセキュア化されたものとしてマークする
2. 環境変数: 必要に応じてデプロイ固有の変数を使用します
3. アクセス制御: 認可されたチームメンバーのみにリポジトリへのアクセスを制限します
4. トークンローテーション: 定期的に Capgo API トークンをローテーションします

デプロイメント環境

デプロイメント環境をより安全に設定するには:

# Deployment with environment restrictions
pipelines:
  branches:
    main:
      - step:
          name: Deploy to Production
          deployment: production
          trigger: manual
          script:
            - npm install -g @capgo/cli
            - npx @capgo/cli bundle upload --apikey $CAPGO_TOKEN --channel production

監視と通知

Slackの統合

パイプラインにSlackの通知を追加:

# Pipeline with Slack notifications
pipelines:
  branches:
    main:
      - step:
          name: Build and Deploy
          script:
            - npm ci
            - npm run test
            - npm run build
            - npm install -g @capgo/cli
            - npx @capgo/cli bundle upload --apikey $CAPGO_TOKEN --channel production
          after-script:
            - |
              if [ $BITBUCKET_EXIT_CODE -eq 0 ]; then
                curl -X POST -H 'Content-type: application/json' \
                  --data '{"text":"✅ Capgo deployment successful for '$BITBUCKET_BRANCH'"}' \
                  $SLACK_WEBHOOK_URL
              else
                curl -X POST -H 'Content-type: application/json' \
                  --data '{"text":"❌ Capgo deployment failed for '$BITBUCKET_BRANCH'"}' \
                  $SLACK_WEBHOOK_URL
              fi

メール通知

Bitbucketの組み込み機能または外部サービスを使用してメール通知を設定:

# Email notification step
- step:
    name: Send Notification
    script:
      - |
        curl -X POST \
          -H "Content-Type: application/json" \
          -d '{
            "to": "team@yourcompany.com",
            "subject": "Capgo Deployment Status",
            "body": "Deployment of '$BITBUCKET_BRANCH' completed with status: '$BITBUCKET_EXIT_CODE'"
          }' \
          $EMAIL_SERVICE_URL
    condition:
      result: [successful, failed]

トラブルシューティング

一般的な問題

パイプラインが「Capgo CLI not found」というエラーで失敗します。

# Debug CLI installation
- step:
    name: Debug CLI
    script:
      - npm install -g @capgo/cli
      - which capgo || echo "Capgo CLI not found"
      - npx @capgo/cli --version

認証エラー:

# Verify token configuration
- step:
    name: Debug Auth
    script:
      - |
        if [ -z "$CAPGO_TOKEN" ]; then
          echo "CAPGO_TOKEN is not set"
          exit 1
        fi
        echo "Token length: ${#CAPGO_TOKEN}"

ビルドアーティファクトが見つかりません:

# List build outputs
- step:
    name: Debug Build
    script:
      - ls -la dist/
      - find dist/ -type f -name "*.js" -o -name "*.html"

デバッグパイプライン

問題を解決するためにデバッグ情報を追加します。

# Debug pipeline
pipelines:
  branches:
    main:
      - step:
          name: Debug Information
          script:
            - echo "Branch: $BITBUCKET_BRANCH"
            - echo "Commit: $BITBUCKET_COMMIT"
            - echo "Build: $BITBUCKET_BUILD_NUMBER"
            - env | grep BITBUCKET_ | sort
      - step:
          name: Build and Deploy
          script:
            - npm ci
            - npm run test
            - npm run build
            - npm install -g @capgo/cli
            - npx @capgo/cli bundle upload --apikey $CAPGO_TOKEN --channel production

パイプライン検証

有効化 Pipelines の検証を設定して、構成エラーを検出します:

# Enable pipeline validation
options:
  docker: true
  size: 2x

pipelines:
  branches:
    main:
      - step:
          name: Validate Pipeline
          script:
            - echo "Pipeline validation successful"
      - step:
          name: Build and Deploy
          script:
            # ... deployment steps

次のステップ

• 短い UI ラベルまたはナビゲーションアイテム Native Build Builder Credit Next 次のステップ
• セクション 学び チャンネル
• Capgo リリースチャンネル機能名 Capgo Solutions マーケティング ページ / 自然のクラウドビルド製品ページ / 白ラベルページ (page solutions/white-label.astro)。短い UI ラベルまたはナビゲーションアイテム。メッセージキー `solutions_white_label_visual_cell2_value` (Solutions White Label Visual Cell2 Value)。 安全なデプロイメントのために
• 設定 更新の動作 更新の適用方法をカスタマイズするために

Capgoのデプロイメントを自動化し、モバイルアプリのユーザーに一貫した、信頼性の高い更新を保証することができます。

Bitbucket Pipelines Integrationから続けて

Bitbucket Pipelines Integrationを使用している場合 Bitbucket Pipelines Integrationを使用してCI/CDの自動化を計画している場合、__CAPGO_KEEP_0__ CI/CDと接続する __CAPGO_KEEP_0__ CI/CDの製品ワークフローに Capgo CI/CD Capgo Capgo 本機ビルド Capgo 本機ビルドの製品ワークフローに Capgo インテグレーション Capgo インテグレーション CI/CD インテグレーション __CAPGO_KEEP_0__ アクション インテグレーション GitHub アクション インテグレーションの実装詳細 for the implementation detail in GitHub Actions Integration.