Skip to main content

Bitrise CI 以外の環境での React Native のビルドキャッシュの設定

Bitrise ビルドキャッシュ CLI は、任意のサードパーティ CI プロバイダー (GitHub Actions、GitLab CI、CircleCI、Jenkins など) にダウンロードして実行できます。

  1. を作成 個人アクセストークン。

  2. ワークスペーススラッグを手に入れよう。

  3. CI プロバイダーのシークレット/環境設定に 2 つの変数を設定します。

    • BITRISE_BUILD_CACHE_AUTH_TOKEN: 個人アクセストークン。

    • BITRISE_BUILD_CACHE_WORKSPACE_ID: あなたのワークスペースのスラッグ。

  4. ネイティブビルドをトリガーするステップの前に、次のスクリプトを CI パイプラインに追加します。

    高速化を目的とするビルドコマンドと同じ環境 (同じシェル、同じコンテナ) で実行する必要があります。

    #!/usr/bin/env bash
set -euxo pipefail

# Download the Bitrise Build Cache CLI.
curl --retry 5 -sSfL \
  'https://raw.githubusercontent.com/bitrise-io/bitrise-build-cache-cli/main/install/installer.sh' \
  | sh -s -- -b /tmp/bin -d

# Activate Build Cache for React Native (Gradle + Xcode + ccache for C++).
/tmp/bin/bitrise-build-cache activate react-native

    デフォルトでは、これによって 3 つのバックエンドがすべて有効になります。バックエンドを無効にするには、マッチングフラグを渡します。

    /tmp/bin/bitrise-build-cache activate react-native --gradle=true --xcode=true --cpp=false

    注記

    以前にBitriseビルドキャッシュCLIをGradleまたはXcodeでのみ使用していた場合は、オンになっていることを確認してください CLI v1.0.0 またはそれ以降 リアクト・ネイティブのサポートを受けるため。

  5. アクティベーション後、 bitrise-build-cache バイナリはオンです PATH。ネイティブビルドをトリガーするコマンドのプレフィックスは以下です bitrise-build-cache react-native run。

    注記

    ラッピングの詳細については、を参照してください。 ネイティブビルドコマンドのラッピング。

例 1. 設定例:GitHub アクション 
jobs:
  build-rn:
    runs-on: macos-latest
    env:
      BITRISE_BUILD_CACHE_AUTH_TOKEN: ${{ secrets.BITRISE_BUILD_CACHE_AUTH_TOKEN }}
      BITRISE_BUILD_CACHE_WORKSPACE_ID: ${{ secrets.BITRISE_BUILD_CACHE_WORKSPACE_ID }}
    steps:
      - uses: actions/checkout@v4
      - name: Activate Bitrise Build Cache for React Native
        run: |
          curl --retry 5 -sSfL \
            'https://raw.githubusercontent.com/bitrise-io/bitrise-build-cache-cli/main/install/installer.sh' \
            | sh -s -- -b /tmp/bin -d
          /tmp/bin/bitrise-build-cache activate react-native
      - name: Install JS dependencies
        run: yarn install
      - name: Build iOS
        run: /tmp/bin/bitrise-build-cache react-native run npx react-native run-ios --configuration=Release
      - name: Build Android
        run: /tmp/bin/bitrise-build-cache react-native run npx react-native run-android --mode=release

セットアップの検証

  1. 新しい構成でビルドを実行します。アクティベーションステップは正常に完了するはずです。

  2. を開きます ビルドの詳細 Bitriseのページを見てチェックしてください ビルドキャッシュ タブ。ラップされたコマンドとそのキャッシュ統計情報が表示されます。

  3. 最初のビルドでは、キャッシュヒット率が 0% と報告されます。この時点ではキャッシュは空です。これは予想されたことです。

  4. さらに 1 ～ 3 回のビルドを実行してキャッシュをウォームアップします。それ以降のビルドでは、ヒット率が 0% を超えることが報告されるはずです

  5. でビルドごとおよびビルド全体のキャッシュパフォーマンスを監視できます。 ビルドキャッシュリストページ。

このセクションの内容: