Bitbucket Pipelines統合

Capgo Live UpdatesとBitbucket Pipelinesを統合して、code の変更をプッシュしたときに自動的にアプリの更新を展開します。このガイドでは、自動ビルド、テスト、デプロイワークフローの設定について説明します。

前提条件

Bitbucket Pipelines統合を設定する前に、以下を確認してください。

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

Bitbucket Pipelinesの設定

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

「ステップ 1: リポジトリ変数の設定」のセクション

1. 最初に、Bitbucketリポジトリで必要な変数を設定する必要があります。
2. Go to Go to → リポジトリ設定 → Pipelines
3. リポジトリ変数

変数名	値	保護
CAPGO_TOKEN	あなたの Capgo API トークン	✅ はい

ヒント

あなたの Capgo API トークンを console.capgo.app/apikeys。あなたのアプリIDはすでにあなたの capacitor.config.ts file.

シンプル

基本的な構成で、メインブランチへのプッシュごとにプロダクションにデプロイされます:

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

Advanced

機能ブランチのデプロイ

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

# 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 add $CHANNEL_NAME --apikey $CAPGO_TOKEN || true
            - npx @capgo/cli bundle upload --apikey $CAPGO_TOKEN --channel $CHANNEL_NAME
          artifacts:
            - dist/**

Tip

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

暗号化の使用

Bitbucket Pipelineの特定のチャネルを使用するようにアプリを設定すると、特定のチャネルにデプロイした後、アプリでアップデートをテストできます。 Capgoの暗号化機能を使用している場合、CI/CD環境で秘密鍵を安全に保存する必要があります。Bitbucket Pipelineの特定のチャネルを使用するようにアプリを設定すると、特定のチャネルにデプロイした後、アプリでアップデートをテストできます。

After Bitbucket変数に秘密鍵を追加します。 ターミナル画面

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

このコンテンツを追加してください 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シークレットマネージャーにのみ保存してください
• 異なる環境用に異なるキーを使用してください
• マルチチャネル構成

「マルチチャネル構成」セクション

Live Update Channels.

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

# 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 add $CHANNEL_NAME --apikey $CAPGO_TOKEN || true
            - npx @capgo/cli bundle upload --apikey $CAPGO_TOKEN --channel $CHANNEL_NAME
          artifacts:
            - dist/**

マルチエvironmentパイプライン

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

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

並行パイプライン実行

ビルド時間を最適化するために並行ステップを使用します:

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

デバッグPipeline

問題をトラブルシューティングするためにデバッグ情報を追加:

# 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

Pipeline検証

パイプライン検証を有効にして構成エラーをキャッチする:

# 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

次のステップ

• 学びましょう チャンネル 異なるデプロイ環境を管理する
• 探索 カスタムストレージ 高度なデプロイシナリオ用
• 設定 暗号化 安全なデプロイ用
• 設定 アップデートの動作 アップデートの方法をカスタマイズする

Bitbucket Pipelines統合を使用すると、Capgoのデプロイを自動化し、モバイルアプリのユーザーに安定した更新を保証できます。

Bitbucket Pipelines統合から続ける

Bitbucket Pipelines統合を使用している場合 Bitbucket Pipelines統合 CI/CD自動化を計画するには、を接続する Capgo CI/CD Capgo CI/CD Capgoネイティブビルド for the product workflow in Capgo Native Builds, Capgo 連携 Capgo 連携の製品ワークフロー CI/CD 連携 CI/CD 連携の実装詳細 GitHub アクション連携 GitHub アクション連携の実装詳細