12
12

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

Windows機でiOSアプリの開発から実機インストールまで行ってみる【ReactNative】~実機インストール編~

Last updated at Posted at 2021-07-04

前回(開発編)の続きです!

#今回の作業の流れ
・ipaファイルを取得
・App Store Connectにアプリを登録
・ipaファイルをApp Store Connectにアップロード
・実機へのインストール

#ipaファイルを取得
expo build:iosを実行することによって、リリース用またはエミュレータ用のipaを発行できるようになります。

実行後
 Choose the build type you would like: » archive

Checking if there is a build in progress...

Accessing credentials for XXXXX in project training-app
 Do you have access to the Apple account that will be used for submitting this app to the App Store? ... yes

 Log in to your Apple Developer account to continue
 Apple ID: ... YYYYYYYYYY
 Restoring session C:\Users\hobby\.app-store\auth\YYYYYYYYYY\cookie
 Session expired Local session
 The password is only used to authenticate with Apple and never stored on EAS servers
  Learn more: https://bit.ly/2VtGWhU
 Password (for YYYYYYYYYY): ... ********
 Saving Apple ID password to the local Keychain
  Learn more: https://docs.expo.io/distribution/security#keychain
 Logged in New session

ipaの形式はarchiveを選択して、Apple Developer Programアクティベート済みのApple IDでログイン、その後は全てExpoに任せる(Let Expo handle proceess)を選択しましょう。
成功すると、下の画像のようにURLが現れます!
7.PNG
このリンクに飛んで、ipaファイルをダウンロードしましょう!
ちなみにこのipaファイルはiTunesを使って端末に直接インストールすることはできません。(AltStoreで無理矢理インストールすることはできますが、起動後にクラッシュします)

#App Store Connectにアプリを登録
ipaファイルをアップロードする前に、App Store Connectにアプリの情報を登録しましょう。
こちらからログインできます。
ログイン後、マイApp⇒左上の⊕⇒新規Appへと進みます。ここでアプリの名前、プライマリ言語、バンドルID、SKU(アプリの固有ID)を設定します。
バンドルIDは、末尾にapp.jsonのexpo.ios.bundleIdentifierと同じものを選択してください。
「作成」を押せば登録完了です!!
19.PNG

#ipaファイルをApp Store Connectにアップロード
アップロードする前に、App用パスワードなるものを発行する必要があります。
まずはここアクセスしましょう。ログインしたら、「セキュリティ」→「App用パスワード」→「パスワードを生成」を選択します。認証用のパスワードラベルを登録し、AppleIDのパスワードを入力すると「xxxx-xxxx-xxxx-xxxx」という形のパスワードが発行されます。このパスワードは、アップロード時にまた使うのでこのままにしておいてください。
11.PNG

いよいよアップロードしていきます!しかし、App Store Connectではアプリの情報は登録することはできますが、肝心のipaファイルをアップロードすることはできません
そこで、AppUploaderというツールを使います。下のリンクからWindows用のファイルをダウンロードしてください。

ダウンロードして実行すると、このような画面になると思います。
9.PNG
ipaをアップロードしたいので、左上の「Upload IPA & Meta」の枠の「Select I…」を押します。
すると、「Set specific password」という画面が出てきます。
ここで注意してほしいのが、**passwordはAppleIDのパスワードではなく、先程発行したApp用パスワードです。**コピペしてから「Save」押して認証に成功するとアップロード画面に進むことができます。

アップロード画面上部の「Select」からダウンロードしたipaファイルを選択して「Start」します。
するとログがいっぱい流れて最終的に下の画像のようなウィンドウが出現すれば成功です!
14.PNG

#実機へのインストール
TestFlightの内部テスト機能を使って、**Appleの審査なしで実機へインストールすることができます。**まずはApp Store Connectに戻って、アップロードしたアプリの情報入力画面で「TestFlight」のタブを選択します。
左メニューの「App Store Connectユーザ」からテスターを追加することができるので、自分を登録しましょう。
15.PNG
また、「ビルド」で注意マークが出ている「輸出コンプライアンス情報」にも同意してください。
16.PNG
これでテスターとして登録していたメールアドレスにリンク付きのメールが届くはずです!
リンクに飛ぶと、大文字アルファベット8桁のコードが書いてあるので、それをメモしておいてください。
今度は端末側の操作です!App StoreからTestFlightをインストールしてください。起動したら、右上の「コードを使う」から先程メモした大文字アルファベット8桁のコードを入力します。
20.PNG
無事インストールすることができたらちゃんと起動するはずです!App Storeにリリースしたい場合はApp Store Connectからアプリの情報を入力して審査へ提出しましょう。ただ私用に使うならここまででいいかもしれません。

以上です。お疲れ様でした!

12
12
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
12
12

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?