今回は、リリースビルドの手順です。
過去のReact Native関連記事
[基礎知識]React Native開発環境準備
[基礎知識]React Native / Android App ビルド (with AVDエミュレート)
[基礎知識] 実機(Androidスマフォ)でReact Native エミュレートを行う手順
[基礎知識]React Native / Android App 作成手順
以下、今回の本編になります。
1.キーストアの生成
Androidアプリをリリースするためには、アプリに署名するためのキーストアが必要です。まだキーストアを持っていない場合は、以下のコマンドを使用して生成できます。
> keytool -genkeypair -v
-keystore <キーストアファイル名 ※任意>.keystore
-alias <キーストア内でユニークにキーを識別するためのエイリアス名 ※任意>
-keyalg RSA -keysize 2048 -validity 10000
※上記の .keystore は拡張子です。
※上記キーストア生成は(プロジェクトフォルダ配下等ではなく)どこか安全なフォルダを作成して、その中で生成することが望ましいです。
例:
> keytool -genkeypair -v
-keystore my-release-test-key01.keystore
-alias my-test-key01-alias
-keyalg RSA -keysize 2048 -validity 10000
![](https://i0.wp.com/zakku-spot.com/wp-content/uploads/2024/04/image-45.png?resize=600%2C344&ssl=1)
※途中、パスワード、その他の情報入力を要求され、入力後、キーストアが生成されます。
特にパスワードは忘れない様にして下さい。
![](https://i0.wp.com/zakku-spot.com/wp-content/uploads/2024/04/image-46.png?resize=453%2C56&ssl=1)
2.キーストア情報の設定
プロジェクトのandroid/gradle.properties
ファイルに、キーストアの情報を追加します。
![](https://i0.wp.com/zakku-spot.com/wp-content/uploads/2024/04/image-48.png?resize=600%2C243&ssl=1)
3.ビルド設定の更新
android/app/build.gradle
ファイルの signingConfigs
セクションにリリースキーの設定を追加する必要があります。以下はその一例です。gradle.properties
で設定した変数をここで使用します。
![](https://i0.wp.com/zakku-spot.com/wp-content/uploads/2024/04/image-50.png?resize=600%2C464&ssl=1)
4.キーストアファイルの格納および隠蔽化
(1)キーストアファイルをPJフォルダへ格納
ここでは、appフォルダ直下に、上記キーストアファイルを格納します。
![](https://i0.wp.com/zakku-spot.com/wp-content/uploads/2024/04/image-51.png?resize=449%2C389&ssl=1)
(2)キーストアファイルの隠蔽化
次に、キーストアファイルが誤って他人に漏れないように、隠蔽化しておきます。
①.gitignore
ファイルを探します。もしまだ存在しない場合は、新しく作成します。
②.gitignore
ファイルをテキストエディタで開きます。
③キーストアファイルの名前を .gitignore
ファイルに追加します。例えば、キーストアファイルが my-release-key.keystore
で、android/app
ディレクトリ内にある場合、以下のように追加します。
例1:android/app/my-release-key.keystore ※特定のキーストアファイルを隠蔽します
または、
例2:*.keystore ※全てのキーストアファイルを隠蔽します。
④.gitignore
ファイルを保存し閉じます。
⑤変更をGitにコミットします。
> git add .gitignore
> git commit -m “Add keystore to .gitignore”
これでキーストアファイルが .gitignore
に追加され、Gitによって追跡されなくなります。これにより、誤ってリモートリポジトリにプッシュして公開されるリスクを避けることができます。
5.リリースビルドの実行
全ての設定が完了したら、以下のコマンドを実行してリリースビルドを生成します。
> cd android
> .\gradlew assembleRelease
![](https://i0.wp.com/zakku-spot.com/wp-content/uploads/2024/04/image-52.png?resize=600%2C301&ssl=1)
※上記でリリースビルドは成功です。
※このコマンドは、android/app/build/outputs/apk/release
ディレクトリにAPKファイルを生成します。(下図)
![](https://i0.wp.com/zakku-spot.com/wp-content/uploads/2024/04/image-54.png?resize=543%2C321&ssl=1)
6.ビルドしたAPKのテスト
リリースビルドされたAPKを実際のデバイスにインストールしてテストします。
デバイスをPCに接続し、以下のコマンドでインストールします。
![](https://i0.wp.com/zakku-spot.com/wp-content/uploads/2024/04/image-55.png?resize=270%2C600&ssl=1)
React Native リリースビルド手順は以上です。