# React NativeでのCI/CD構築（GitHub Actions + EAS Build）

## 1. はじめに

React Nativeは、クロスプラットフォームのモバイルアプリケーション開発で広く利用されています。開発の効率を向上させ、すばやくデプロイするために、CI/CD（継続的インテグレーション/継続的デリバリー）パイプラインを構築することは重要です。本記事では、GitHub ActionsとEAS Buildを組み合わせて、React NativeアプリのCI/CDパイプラインを実現する方法をご紹介します。

## 2. GitHub Actionsの設定

### 2-1. ワークフローの作成

GitHubリポジトリに`.github/workflows`ディレクトリを作成し、そこにワークフローファイルを配置します。以下はサンプルとなる`react-native-ci.yml`ファイルの内容です。

```yaml
name: React Native CI

on:
  push:
    branches:
      - main

jobs:
  build:
    runs-on: ubuntu-latest

    steps:
    - uses: actions/checkout@v2

    - name: Set up Node.js
      uses: actions/setup-node@v2
      with:
        node-version: '14'

    - name: Install dependencies
      run: yarn install

    - name: Run tests
      run: yarn test
```

### 2-2. テストの自動化

`yarn test`コマンドを使用してユニットテストを実行するように設定しています。テストフレームワークにはJestなどを利用することが一般的です。

## 3. EAS Buildの設定

### 3-1. EAS CLIのインストールと初期設定

EAS CLIをローカルにインストールし、プロジェクトを初期化します。

```bash
npm install -g eas-cli
eas login
eas init
```

### 3-2. ビルドプロファイルの設定

`eas.json`ファイルにビルドプロファイルを定義します。例えば、iOSとAndroid用のビルドプロファイルを以下のように記述します。

```json
{
  "build": {
    "production": {
      "distribution": "store"
    },
    "preview": {
      "distribution": "internal"
    }
  }
}
```

### 3-3. スクリプトの設定

パッケージマネージャのスクリプトとしてEAS Buildを追加します。

```json
"scripts": {
  "build:android": "eas build --platform android --profile production",
  "build:ios": "eas build --platform ios --profile production"
}
```

## 4. GitHub ActionsでのEAS Buildの統合

### 4-1. 秘密情報の管理

GitHubのリポジトリ設定で、EAS Build用のAPIキーやその他の必要な環境変数をシークレットとして登録します。

### 4-2. ワークフローへの組み込み

GitHub ActionsのワークフローにEAS Buildを実行するステップを追加します。

```yaml
- name: EAS Build Android
  run: yarn build:android
  env:
    EAS_ACCESS_TOKEN: ${{ secrets.EAS_ACCESS_TOKEN }}
  
- name: EAS Build iOS
  if: runner.os == 'macOS'
  run: yarn build:ios
  env:
    EAS_ACCESS_TOKEN: ${{ secrets.EAS_ACCESS_TOKEN }}
```

## 5. 最後に

GitHub ActionsとEAS Buildを活用することで、React NativeアプリのCI/CDパイプラインが効率的に構築できます。この設定により、コードのプッシュ時に自動でビルドとテストが実行されるため、開発サイクルの時間短縮に繋がります。

## 6. まとめ

React Nativeでのアプリ開発において、CI/CDパイプラインの構築は重要です。GitHub Actionsを使用して、自動化されたビルドおよびテストを実行することで、開発フローを大幅に効率化できます。EAS Buildとの統合により、クロスプラットフォームのビルドプロセスもシンプルになり、アプリケーションのリリース作業を楽にします。次回は、デプロイメント戦略について更に詳述する予定です。

[cv:issue_marketplace_engineer] [cv:issue_marketplace_engineer]

React NativeでのCI/CD構築（GitHub Actions + EAS Build）

1. はじめに

続きを読むには単価診断を受けてください（30秒）