Bitbucket Pipelines統合

CapgoのライブアップデートとBitbucket Pipelinesを組み合わせて、codeの変更をプッシュしたときに自動的にアプリのアップデートをデプロイすることができます。このガイドでは、自動ビルド、テスト、デプロイワークフローの設定について説明します。

前提条件

Bitbucket Pipelinesの統合を設定する前に、以下の条件を満たしてください。

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

Bitbucket Pipelinesの設定

Step 1: Bitbucket リポジトリの変数を設定する

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

1. Bitbucket リポジトリに移動
2. Go to リポジトリ設定 → パイプライン → リポジトリ変数
3. 次の変数を追加してください。

変数名	値	暗号化
CAPGO_TOKEN	あなたの Capgo API トークン	✅ はい

ヒント

あなたの Capgo API トークンを console.capgo.app/apikeysあなたのアプリIDはすでにメインブランチにプッシュされるたびにプロダクションにデプロイされる基本的な設定で構成されています。 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_KEEP_0__の暗号化機能を使用している場合 Capgo’s encryption feature暗号化キーをローカルに設定した後

Bitbucket変数にあなたのプライベートキーを追加してください: ターミナル画面 コピー

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

Add this content as CAPGO_PRIVATE_KEY in your Bitbucket repository variables (mark as secured), then use it in pipelines:

# 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 __CAPGO_KEEP_0__をバージョン管理システムにコミットしないでください。
• __CAPGO_KEEP_0__を安全なCI/CDシークレット管理のみに保存してください。
• 環境ごとに異なるキーを使用してください。

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
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/**

ブランチベースのデプロイ戦略

異なるブランチを適切なチャネルに自動的にデプロイ:

# 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/**

並行パイプライン実行

「並行パイプライン実行」のセクション

# 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"

デバッグ Pipelining

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

# 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

パイプライン検証

クリップボードにコピー

# 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

「次のステップ」セクション

• Copy to clipboard チャンネル __CAPGO_KEEP_0__を異なるデプロイ環境を管理する
• Explore カスタムストレージ 高度なデプロイシナリオ向けに
• セットアップ 暗号化 セキュアなデプロイ用
• 設定 アップデートの動作 アップデートが適用される方法をカスタマイズする

Bitbucket Pipelines統合により、Capgoを自動化し、モバイルアプリのユーザーに一貫した、信頼性の高いアップデートを保証できます。