サーバーなしで実行できるapkをreact-nativeで生成するにはどうすればよいですか？

私は自分のアプリを作成しました。ローカルエミュレーター（およびデバッグサーバーを変更して、同じネットワーク内のAndroidデバイスでも）で実行できます。

ただし、開発サーバーにアクセスせずに誰かに送信できるAPKを作成し、アプリケーションをテストできるようにしたいと考えています。

ドキュメントの「iOSでのオフラインバンドルの使用」セクションが表示されます。しかし、私はアンドロイドのために同じことを達成する方法を理解することができませんでした。これは可能ですか？もしそうなら、どうですか？

更新：この質問への回答（AndroidはJSバンドルのロードに失敗しました）では、オフラインバンドルを開発サーバーからダウンロードできると言われています。しかし、開発サーバーからバンドルを取得すると、画像ファイルをロードできません。

Aditya Singhの回答に従って、生成された（署名されていない）apkが私の電話にインストールされません。こちらの手順に従って、署名済みのAPKを生成する必要がありました。

以下は私のために働きました：

$ keytool -genkey -v -keystore my-release-key.keystore -alias my-key-alias -keyalg RSA -keysize 2048 -validity 10000

プロジェクトフォルダーのディレクトリのmy-release-key.keystore下にファイルを配置しandroid/appます。次に、ファイル~/.gradle/gradle.propertiesを編集し て以下を追加します（****を正しいキーストアパスワード、エイリアス、およびキーパスワードに置き換えます）

MYAPP_RELEASE_STORE_FILE=my-release-key.keystore
MYAPP_RELEASE_KEY_ALIAS=my-key-alias
MYAPP_RELEASE_STORE_PASSWORD=****
MYAPP_RELEASE_KEY_PASSWORD=****

MacOSを使用している場合は、プレーンテキストで保存する代わりに、ここの手順を使用してパスワードをキーチェーンに保存できます。

次にapp / build.gradleを編集し、以下が存在することを確認します（signingConfigsを含むセクションsigningConfigを追加する必要がある場合があります）：

...
android {
    ...
    defaultConfig { ... }
    signingConfigs {
        release {
            if (project.hasProperty('MYAPP_RELEASE_STORE_FILE')) {
                storeFile file(MYAPP_RELEASE_STORE_FILE)
                storePassword MYAPP_RELEASE_STORE_PASSWORD
                keyAlias MYAPP_RELEASE_KEY_ALIAS
                keyPassword MYAPP_RELEASE_KEY_PASSWORD
            }
        }
    }
    buildTypes {
        release {
            ...
            signingConfig signingConfigs.release
        }
    }
}
...

次に、コマンドを実行しcd android && ./gradlew assembleRelease、

Windows 'cd android'の場合は、gradlew assembleReleasecommand を実行し、署名された apkを以下で見つけますandroid/app/build/outputs/apk/app-release.apk

APKに署名するためのキーを作成する必要があります。以下を使用してキーを作成します。

 keytool -genkey -v -keystore my-app-key.keystore -alias my-app-alias -keyalg RSA -keysize 2048 -validity 10000

プロンプトが表示されたらパスワードを使用する

キーが生成されたら、それを使用してインストール可能なビルドを生成します。

 react-native bundle --platform android --dev false --entry-file index.android.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res/

Gradleを使用してビルドを生成する

 cd android && ./gradlew assembleRelease

APKを携帯電話にアップロードします。-r（存在する場合）フラグは、既存のアプリに置き換えられます

adb install -r ./app/build/outputs/apk/app-release-unsigned.apk

より詳細な説明はここで言及されています：https : //facebook.github.io/react-native/docs/signed-apk-android.html

更新：@shashuecおよび@Fallenのコメントに基づく

エラーが発生した場合

ENOENT：そのようなファイルやディレクトリはありません。「android / app / src / main / assets / index.android.bundle」を開きます

mkdir android / app / src / main / assetsを実行します

このプロセスにはAndroid Studioを使用する必要があります。単純です。しかし、最初にこのコマンドをreactネイティブアプリディレクトリで実行します。

新しいバージョンのreact-nativeの場合（たとえば、react native 0.49.0など...）

react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res

古いバージョンのreact-native（0.49.0以下）の場合

react-native bundle --platform android --dev false --entry-file index.android.js   --bundle-output android/app/src/main/assets/index.android.bundle   --assets-dest android/app/src/main/res/

次に、android studioを使用して、ネイティブアプリディレクトリに反応する「android」フォルダーを開きます。gradleやその他のアップグレードが要求されます。ビルド->署名済みAPKの生成に移動し、そこからの指示に従います。それは本当に簡単です。

次のコマンドを実行します。

react-native run-android --variant=release

での--variant=release署名を設定した場合にのみ使用できることに注意してくださいcd android && ./gradlew assembleRelease。

React Native 0.49以降の場合

あなたはターミナルのプロジェクトディレクトリに行き、そのコマンドを実行する必要があります

1 - mkdir android/app/src/main/assets
2 - react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res

0.49未満の場合

  1 - mkdir android/app/src/main/assets
  2 - react-native bundle --platform android --dev false --entry-file index.android.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res

次に、android studioを使用して、ネイティブアプリディレクトリに反応する「android」フォルダーを開きます。gradleやその他のアップグレードが要求されます。ビルド->署名済みAPKの生成に移動し、そこからの指示に従います。そのオーケー。

あなたが得る場合Failure [INSTALL_PARSE_FAILED_NO_CERTIFICATES]。

署名なしのAPKファイルを生成してインストールする@Adityaの方法を使用してみましたが、Androidタブレットにインストールしようとすると、のエラーが発生しましたFailure [INSTALL_PARSE_FAILED_NO_CERTIFICATES]。

これは、APKファイルが署名されておらず、タブレットがこれに満足していないためだと思います。そのため、React Nativeバンドルファイルを生成した後、通常どおりAndroid Studioを介して署名済みAPKファイルを生成することができました。

ちなみに、私たちのアプリはPlayストアに既に存在する完全に機能するAndroidアプリであり、素晴らしいので、React Nativeを一口サイズで追加しています。

要約すると、ここに私のステップがありました：

1）React Nativeバンドルを生成します。

react-native bundle --platform android --dev false --entry-file index.android.js --bundle-output android/<your-package-name>/src/main/assets/index.android.bu‌​ndle --assets-dest android/<your-package-name>/src/main/res/ 

2）Android Studioから署名済みAPKファイルを生成します。

3）署名済みAPKファイルをUSBデバイスにインストールします。

adb -d install -r <path_to_signed_apk> 

-dフラグはちょうど告げるadbあなたはエミュレータが同様に実行されていた場合に、接続されたUSBデバイスにインストールします。エミュレータにインストールしたい場合は、-dフラグをドロップしてください。

4）利益！

以下をお試しください。root/ android / app / build / outputs / apk / debugフォルダーにapp-debug.apkが生成されます

react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res

次にandroidフォルダーに移動して実行します

./gradlew assembleDebug

Playstoreキーなしでビルドしたい場合、このコマンドは非常に役立ちます。

# react-native run-android --variant=release

ビルド完了後、リリースビルドファイルでapkを見つけることができます。

プロジェクトディレクトリに移動して、次のコマンドを実行します。

cd android && ./gradlew assembleRelease

index.android.jsに関連するエラーが発生した場合。これは、新しいReactネイティブバージョンを使用しているためです（私は0.55.4を使用しています）「index.android.js」を「index.js」に置き換えるだけです。

react-native bundle --platform android --dev false --entry-file index.js   --bundle-output android/app/src/main/assets/index.android.bundle   --assets-dest android/app/src/main/res/

別の解決策があります：-署名鍵の生成keytoolを使用して秘密署名鍵を生成できます。Windowsでは、keytoolはC：\ Program Files \ Java \ jdkx.x.x_x \ binから実行する必要があります。

$ keytool -genkey -v -keystore my-release-key.keystore -alias my-key-alias -keyalg RSA -keysize 2048 -validity 10000

my-release-key.keystoreファイルをプロジェクトフォルダーのandroid / appディレクトリに配置します。

プロジェクトフォルダーのandroid / app / build.gradleファイルを編集し、署名設定を追加します。

android {
....
signingConfigs { 
  release { 

      storeFile file('my-release-key.keystore') 
      storePassword 'yourpassword' 
      keyAlias 'my-key-alias' 
      keyPassword 'yourpassword' 

  } 
}}}


buildTypes {release {signingConfig signingConfigs.release}}

そして走る

gradlew assembleRelease

これにより、android \ app \ build \ outputs \ apk app-release.apkとapp-release-unsigned.apkにある2つのファイルが提供され、app-release.apkがAndroidデバイスにインストールされます。

うまくいけば、それは新しい初心者を助けるでしょう

公式ドキュメントはこちら

コマンドの前に使用するよりもキーストアがない場合はスキップします

署名鍵/キーストアファイルの 生成keytoolを使用して秘密署名鍵を生成できます。Windowsでは、keytoolはC：\ Program Files \ Java \ jdkx.x.x_x \ binから実行する必要があります。

$ keytool -genkey -v -keystore my-release-key.keystore -alias my-key-alias -keyalg RSA -keysize 2048 -validity 10000

my-release-key.keystoreのようなファイルを取得します

Gradle 変数の設定 my-release-key.keystoreファイルをプロジェクトフォルダーのandroid / appディレクトリに配置します。android / gradle.propertiesファイルを編集し、次を追加します（*****を正しいキーストアのパスワード、エイリアス、およびキーのパスワードに置き換えます）。androidgradleバージョン3.0の問題として、enableAapt2 set falseは回避策です

MYAPP_RELEASE_STORE_FILE=my-release-key.keystore
MYAPP_RELEASE_KEY_ALIAS=my-key-alias
MYAPP_RELEASE_STORE_PASSWORD=*****
MYAPP_RELEASE_KEY_PASSWORD=*****

android.enableAapt2=false

次に、これらのapp / buid.gradle（アプリ）を追加します

デフォルト設定以下

signingConfigs {
        release {
            if (project.hasProperty('MYAPP_RELEASE_STORE_FILE')) {
                storeFile file(MYAPP_RELEASE_STORE_FILE)
                storePassword MYAPP_RELEASE_STORE_PASSWORD
                keyAlias MYAPP_RELEASE_KEY_ALIAS
                keyPassword MYAPP_RELEASE_KEY_PASSWORD
            }
        }

およびInside Buildタイプのリリース{}

 signingConfig signingConfigs.release

次に、このコマンドをアンドロイドスタジオターミナルで 実行します

Windowsの場合

cd android
gradlew assembleRelease

Linux / Macの場合

$ cd android
$ ./gradlew assembleRelease

エラーが発生した場合は、すべてのビルドフォルダーを削除してコマンドを実行します

gradlew clean

再びより

gradlew assembleRelease

プロジェクトをバンドルする最新の反応ネイティブバージョンについて

アンドロイド

react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res/

iOS

react-native bundle --entry-file index.js --platform ios --dev false --bundle-output ios/main.jsbundle --assets-dest ios

Android StudioでのGUIの方法

• React NativeアプリのAndroidアプリをAndroid Studioで開く（これは、Android Studioでreact-nativeプロジェクトのandroidフォルダーを開くことを意味します）
• 上部の「ビルド」タブに移動します
• 「Build Bundle（s）/ APK（s）」に移動します
• 次に、「APKのビルド」を選択します
• これにより、APKに署名するためのキーを見つけるプロセス、またはキーをまだ持っていない場合はキーを作成するプロセスが順を追って説明されます。練習しているだけなら、これらのキーを生成してデスクトップに保存できます。
• そのプロセスが完了すると、ビルドが成功した場合、Android Studioの下にポップアップが表示されます。その中にある「locate」というリンクをクリックします（APK）
• これでapkファイルが表示され、それをAndroidデバイスに移動します。次に、Androidデバイスでそのファイルに移動してインストールします。

Android Studioを使用して、ReactのAndroidプロジェクトの署名済みAPKを生成することも、優れた簡単なオプションです。AndroidStudioでReactのAndroidプロジェクトを開き、キーストロークと署名済みAPKを生成します。

署名済みAPKの生成に関する反応ネイティブの公式ドキュメントを参照してください

React-Native生成の署名済みAPK