More than 3 years have passed since last update.

React Nativeで開発したiOSアプリを、Appleを介さずに特定少数のユーザに配布する方法

Posted at 2021-08-28

はじめに

iOSアプリの作成時、デモをユーザに使ってもらって意見もらいたい。みたいなニーズあると思います。
ただ、iOSアプリを配布するにはいろいろと面倒な手順を踏む必要があります。
https://qiita.com/mokkos/items/85540e95404df4a9c5a4

今回は、そんな面倒な手順を避けて、「とりあえず特定少数のユーザにiOSアプリを配布する方法」を紹介します。

(「iOSアプリを配布」と言っていますが、正確には別アプリを介したエミュレータ上で実行させる方法になります。)

利用するサービス

iOSアプリを配布するために、Expoを利用します。

Expoは、ユニバーサルなReactアプリケーションのためのフレームワークであり、プラットフォームでもあります。React Nativeとネイティブプラットフォームを中心に構築された一連のツールとサービスであり、同じJavaScript/TypeScriptコードベースからiOS、Android、Webアプリを開発、構築、デプロイし、迅速に反復することができます。
https://docs.expo.dev/

Reactアプリの開発・デプロイをサポートするプラットフォームです。

今回は、Expo上にReact Nativeアプリをデプロイし、それをiPhoneのExpoアプリを介して動作させます。

手順

Expoのプロジェクト作成
Expoへデプロイ
iPhoneのExpoアプリから、デプロイしたアプリを動作させる

Expoのプロジェクト作成

expo-cliをグローバルインストールし、expoプロジェクトを作成します。※
※git bashだとうまく動作しないので、コマンドプロンプト使ってください！

npm install --global expo-cli

expo init my-project

下記が出力されるため、今回は「blank(TypeScript)」を選択

┌─────────────────────────────────────────────────────────────────────────┐
│                                                                         │
│   There is a new version of expo-cli available (4.11.0).                │
│   You are currently using expo-cli 4.10.0                               │
│   Install expo-cli globally using the package manager of your choice;   │
│   for example: `npm install -g expo-cli` to get the latest version      │
│                                                                         │
└─────────────────────────────────────────────────────────────────────────┘
? Choose a template: » - Use arrow-keys. Return to submit.
    ----- Managed workflow -----
    blank               a minimal app as clean as an empty canvas
>   blank (TypeScript)  same as blank but with TypeScript configuration
    tabs (TypeScript)   several example screens and tabs using react-navigation and TypeScript
    ----- Bare workflow -----
    minimal             bare and minimal, just the essentials to get you started

作成が完了したら、プロジェクトフォルダへ移動し、起動してみる。