Skip to main content

Bitrise CI 環境におけるリアクトネイティブのビルドキャッシュの設定

アクティベーションは、ワークフローエディターから追加することも、に直接追加することもできます。 bitrise.yml。

ワークフローエディター

コンフィギュレーション YAML

  1. 以下が揃っていることを確認してください。

    • Bitrise ビルドキャッシュの有効なトライアルまたはサブスクリプション。サブスクリプションのステータスは以下で確認できます。 Bitrise ビルドキャッシュページ。

    • Build Cache なしですでに正常にビルドされている React Native プロジェクト (ベースラインが明確になっているため)。

    • iOS プロジェクトの場合: Xcode 26 またはそれ以降。

  2. でアプリを開きます ビットライズ。

  3. クリック ワークフロー メインページのボタン。

    opening-workflow-editor.png

  4. 必要なワークフローを選択します。

  5. を追加 リアクトネイティブ用のビルドキャッシュ ステップ 1 変更前 ネイティブビルドをトリガーする任意のステップ。

    たとえば、以前 スクリプト 実行するステップ yarn、 npm、 npx、 expo、 fastlane、または Gradle/Xcode のダイレクトコマンド。その直後に配置できます。 git-clone。

  6. 特に変更する理由がない限り、入力はデフォルトのままにしておきます。このステップには主に 2 つの入力があります。

    • Xcode キャッシュを有効にする: iOS ビルド用の Bitrise ビルドキャッシュを有効にします。バックグラウンドプロキシーが自動的に起動します

    • Gradle キャッシュを有効にする: Android ビルド用の Bitrise ビルドキャッシュを有効化します。C++ ネイティブモジュールは経由でもキャッシュされます ccache、バックグラウンドストレージヘルパーが自動的に起動します。

  7. で スクリプト ネイティブビルドを起動するステップは、コマンドの前に次の文字を付けます。 bitrise-build-cache react-native run。

    注記

    Bitriseの公式ステップを使用する場合 グラドルランナー、 アンドロイドビルド、または Xcode アーカイブ React Native ビルドを実行するには、必ず最新バージョンを使用してください。ラッピングは自動的に処理され、入力を変更する必要はありません。

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

  8. ワークフローを保存してビルドを実行します。

  1. 以下が揃っていることを確認してください。

    • Bitrise ビルドキャッシュの有効なトライアルまたはサブスクリプション。サブスクリプションのステータスは以下で確認できます。 Bitrise ビルドキャッシュページ。

    • Build Cache なしですでに正常にビルドされている React Native プロジェクト (ベースラインが明確になっているため)。

    • iOS プロジェクトの場合: Xcode 26 またはそれ以降。

  2. を追加 activate-build-cache-for-react-native ネイティブビルドをトリガーするステップの前のステップ:

    workflows:
  build-react-native:
    steps:
    - activate-ssh-key@4: {}
    - git-clone@8: {}
    - activate-build-cache-for-react-native@0: {}
    # JS dependencies — no wrapping needed.
    - script@1:
        title: Install dependencies
        inputs:
        - content: yarn install

  3. CLI でネイティブビルドをトリガーするラップコマンド:

    注記

    Bitriseの公式ステップを使用する場合 グラドルランナー、 アンドロイドビルド、または Xcode アーカイブ React Native ビルドを実行するには、必ず最新バージョンを使用してください。ラッピングは自動的に処理され、入力を変更する必要はありません。

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

    workflows:
  build-react-native:
    steps:
    - activate-ssh-key@4: {}
    - git-clone@8: {}
    - activate-build-cache-for-react-native@0: {}
    # JS dependencies — no wrapping needed.
    - script@1:
        title: Install dependencies
        inputs:
        - content: yarn install
    - script@1:
        title: Build Android
        inputs:
        - content: bitrise-build-cache react-native run npx react-native run-android --mode=release
    - script@1:
        title: Build iOS
        inputs:
        - content: bitrise-build-cache react-native run npx react-native run-ios --configuration=Release
    - deploy-to-bitrise-io@2: {}

セットアップの検証

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

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

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

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

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

このセクションの内容: