記事を検索

✅先ほど作った設定ファイル「eas.json」に、どのようなビルドをするか設定する。

（基本はデフォルトのままでOK）

eas.json

{
	// EAS Buildの設定
  "build": {
	  // 開発中のビルド設定
    "development": {
      "developmentClient": true,    // 開発ビルド（development build）を有効にする
      "distribution": "internal"    // 内部配布を可能にする
    },
    // プレビュー用のビルド設定
    "preview": {
      "distribution": "internal"    // 内部配布を可能にする
    },
    // リリース用のビルド設定
    "production": {}
  }
}

✅コマンドeas buildでビルドする。

eas build --platform all

✅ビルドが完了すると、［Expoの管理画面 ‐ Build］で成果物（アプリ）が確認できる。

→具体的には「Google Playへの公開に必要なaabファイル」と「App Storeへの公開に必要なipaファイル」が生成されている。

✅「Expo Go」で動作確認できないアプリを開発するとき。

✅eas.jsonの設定を書き換える。

（デフォルトのeas.jsonでは設定が不十分なので書き換える）

eas.json

{
  "build": {
	  ...

	  // 開発用のビルド設定
    "development": {
      "developmentClient": true,
      "distribution": "internal",
      "android": {
        "buildType": "apk"
      },
      "ios": {
        "enterpriseProvisioning": "universal",
        // シミュレーターで確認するときのみ必要
        // "simulator": true
      }
    },

		... 
    }
  }
}

• "developmentClient": true
  • 開発用のビルド設定をONにする。

• "distribution": "internal"
  • 配布を可能にする（URLでダウンロード可）
  • これによりビルドしたアプリをアプリストアに公開せず、特定のデバイスにインストールできる。

• "android": { "buildType": "apk" },
  • Android用の設定。
  • ビルドするとaabではなくapkファイルを生成するように変更。

    （インストールするときにapkファイルが必要）

• "ios": { "enterpriseProvisioning": "universal" }
  • iOS用の設定。
  • universalプロビジョニングプロファイルを使用する。

✅パッケージ「expo-dev-client」をインストールする。

※開発用のビルドをするために必要。

npx expo install expo-dev-client

✅eas buildコマンドでビルドする。

# 【パターン1】Android と iOS 両方をビルドする
eas build --profile development --platform all

# 【パターン2】Android のみビルドする
eas build --profile development --platform android

# 【パターン3】iOS のみビルドする
eas build --profile development --platform ios

✅最後に任意のデバイスにアプリをインストールする。

1. ビルドが終わったら、インストールしたいスマホでQRコードを読み取る。

   

   【補足】エミュレーターにもインストール可能

   

2. QRコードを読み取ると、［install］からインストールできる。

   

🚫インストールしたアプリは、Expo Goと同様単体では動かない。

✅インストールしたアプリを動かすには、開発PCでnpx expo start --dev-clientを実行しておく必要がある。

✅リリース前の動作確認をするとき。

✅eas.jsonの設定を書き換える。

（デフォルトのeas.jsonでは設定が不十分なので書き換える）

eas.json

{
  "build": {
	  ...

	  // プレビュー用のビルド設定を作成
    "preview": {
      "distribution": "internal",
      "android": {
        "buildType": "apk"
      },
      "ios": {
        "enterpriseProvisioning": "universal"
      }
    },

		... 
    }
  }
}

• "distribution": "internal"
  • 配布を可能にする（URLでダウンロード可）
  • これによりビルドしたアプリをアプリストアに公開せず、特定のデバイスにインストールできる。

• "android": { "buildType": "apk" },
  • Android用の設定。
  • ビルドするとaabではなくapkファイルを生成するように変更。

• "ios": { "enterpriseProvisioning": "universal" }
  • iOS用の設定。
  • universalプロビジョニングプロファイルを使用する

✅AdHoc版のアプリを配布したいデバイスを事前に登録しておく。

1. 登録用のURLを生成する。
   Copy

   eas device:create

2. インストールしたいデバイスでURLを開き、登録する。

   （指示に従うだけで登録できる）

✅eas buildコマンドでビルドする。

# 【パターン1】Android と iOS 両方をビルドする
eas build --profile preview --platform all

# 【パターン2】Android のみビルドする
eas build --profile preview --platform android

# 【パターン3】iOS のみビルドする
eas build --profile preview --platform ios

✅最後に任意のデバイスにアプリをインストールする。

1. ビルドが終わったら、インストールしたいスマホでQRコードを読み取る。

   

   【補足】エミュレーターにもインストール可能

   

2. QRコードを読み取ると、［install］からインストールできる。

   

✅一般ユーザーに配布するとき。

✅特定のユーザー（テスターなど）に配布するとき。

✅デフォルトのeas.jsonのままでOK。

eas.json

{
  "build": {
	  ...

	  // リリース用のビルド設定を作成
    "production": {} 
    }
  }
}

• "production": {}
  • 特別な設定はなし。

1. eas buildコマンドでビルドする。
   Copy

   # 【パターン1】Android と iOS 両方をビルドする
   eas build --profile production --platform all
   
   # 【パターン2】Android のみビルドする
   eas build --profile production --platform android
   
   # 【パターン3】iOS のみビルドする
   eas build --profile production --platform ios

2. 署名の生成
   ⚠️

   アプリストアに公開する場合は署名が必要！
   1. Androidの場合：

      ビルド中に「Generate a new Android Keystore?」と表示されるのでyesを入力するだけ。

      これでキーストアがEASに保存される。

      

   2. iOSの場合：

      ビルド中にApple Developer Program アカウントにサインインが促されるので、プロンプトに従う。

✅最後にビルドした成果物（アプリ）をアプリストアへ公開する。

1. ［Expoの管理画面 ‐ Build］で成果物（アプリ）をダウンロードする。

   

2. Google Play／App Storeへ公開する。

   （Expoとは関係ないので具体的な手順は割愛する。）

Androidエミュレーターで動作確認するには、Andoid Studioが必要。

📎

Android Studioのインストール手順

Android Studio Emulator

Learn how to set up the Android Emulator to test your app on a virtual Android device.

https://docs.expo.dev

✅「プレビュー用のビルド」とまったく同じ。

※ビルドが終わったらエミュレーターにインストールするか聞かれるので「Y」を選択すればインストールできる。

iOSシミュレーターで動作確認するには、Xcodeが必要。

📎

Xcodeのインストール手順

iOS Simulator

Learn how you can install the iOS Simulator on your Mac and use it to develop your app.

https://docs.expo.dev

✅eas buildコマンドでビルドする。

eas build -p ios --profile preview

✅最後にiOSシミュレーターにアプリをインストールする。

※ビルドが終わったらシミュレーターにインストールするか聞かれるので「Y」を選択すればインストールできる。

✅ビルドが完了すると、［Expoの管理画面 ‐ Build］で成果物が確認できる。

→「iOSシミュレーターへのインストールに必要なtar.gzファイル」が生成されている。