チームにプレビューを共有する

expo-updates ライブラリをインストールする

プロジェクトを初期化してアップデートを配信するには、expo-updates ライブラリが必要です。次のコマンドでインストールします。

EAS Update を設定する

EAS Update でプロジェクトを初期化するには、次の手順に従います。

• アプリの設定に動的な app.config.js を使っているため、プロジェクトを EAS Update に対応させるには updates と runtimeVersion のプロパティを追加する必要があります。次のコマンドを実行して EAS からこれらのプロパティと値を取得し、手動で app.config.js にコピーします。

• セットアップを続けるため、eas update:configure をもう一度実行します。eas.json のすべてのビルドプロファイルに channel が追加されるはずです。

{
  "build": {
    "development": {
      %%placeholder-start%%... %%placeholder-end%%
      "channel": "development"
    },
    "ios-simulator": {
      %%placeholder-start%%... %%placeholder-end%%
    },
    "preview": {
      %%placeholder-start%%... %%placeholder-end%%
      "channel": "preview"
    },
    "production": {
      %%placeholder-start%%... %%placeholder-end%%
      "channel": "production"
    }
  }
  %%placeholder-start%%... %%placeholder-end%%
}

eas update:configure コマンドは eas.json のすべてのビルドプロファイルに channel を追加します。ただし ios-simulator プロファイルは development プロファイルを継承しているので、別の channel を持たせる意味はありません。上の設定から ios-simulator.channel は安全に削除できます。

開発ビルドを作成する

直近のビルドには expo-updates ライブラリが含まれていないため、新しい開発ビルドを作成する必要があります。次のコマンドを実行しましょう。

ここではアップデートの動作を示すために Android 実機向けの開発ビルドを使っています。--platform all や --platform ios を使えば、両方のプラットフォーム向け、あるいは iOS だけのビルドも作成できます。

新しいバージョンの開発ビルドができたら、必ずデバイスにインストールしてください。

アプリの JavaScript コードを変更する

サンプルアプリの JavaScript コードを変更してみましょう。Sticker Smash アプリ を使っていない場合は、自分のコードの好きな部分を変更してアプリでの変化を確認してください。

ここでは、サンプルアプリの最初のボタンのテキストを Choose a photo から Select a photo に変更します。

<Button theme="primary" label="Select a photo" onPress={pickImageAsync} />

アップデートを公開する

この変更をチームにテストしてもらうために新しいビルドを作るのではなく、アップデートを公開しましょう。

上のコマンドでは development チャンネルを使いました。すべてのアップデートは チャンネル名 に紐づきます。git のコミットが必ず git ブランチに紐づくのと似ています。

つまり、ビルドプロファイルで development チャンネルを使い、そのうえでアップデートを公開することで、development チャンネルを持つビルドにこのアップデートを届けるよう EAS に依頼していることになります。EAS Update のチャンネルを作ると、同じ名前のブランチに自動的にマッピングされます。

アップデートが公開されると、CLI がその情報を表示します。

Website link をクリックすると、EAS ダッシュボードの Over-the-air updates > Update groups でアップデートを確認できます。

開発ビルドでアップデートをその場でプレビューする

開発ビルドでアップデートをその場でプレビューするには、次のようにします。

• 開発ビルド内で Expo アカウントにログインします。
• Extensions タブを開きます。
• EAS Update の下にある Branch: development を探します。
• Open をタップしてアップデートを開きます。

Preview や production のビルドに変更を共有する

開発ビルド以外（preview や production）のアップデートは、アプリの起動時に新しいアップデートを問い合わせ、自動的にデバイスへダウンロードされます。

preview や production のビルドを使っているチームメンバーには、該当ブランチに配信した変更がアップデートとして届きます。

たとえば preview ビルド向けには、次のように実行します。

以下は preview ビルド向けにアップデートを公開した例です。アップデートをテストするには、アプリを強制終了して 2 回開き直すと、変更がダウンロードされて表示されます。