開発サーバーなしでデバイスに署名なしapkをビルドしてインストールしますか？

私は反応ネイティブの初心者なので、手順に問題がある場合はお知らせください。

ドキュメントに従ってコマンドを使用して、反応するネイティブAndroidアプリを作成しました

反応ネイティブのアンドロイド

デバイスで実行中に次のコマンドが使用されました

反応ネイティブ実行アンドロイド

私のプロジェクトフォルダ/ android / app / build / outputs / apkにある2つのapkファイルの出力を私に与えます

インストール後にこのapkをインストールするために使用するとき、JSをバンドルするために接続する開発サーバーを要求します。しかし、私の要件は、ユーザーがapkをインストールする必要があるだけで開発サーバーと格闘する必要がなく、すべてが完了していることです。

いくつかのスタックオーバーフローの質問を通過しましたが、開発サーバーを必要としない署名されていないapkの作成には役立ちません。

React NativeでAPKを作成して署名しない方法を見つけるのを手伝ってくれませんか？

デバッグビルド用のバンドルを手動で作成する必要があります。

バンドルデバッグビルド：

#React-Native 0.59
react-native bundle --dev false --platform android --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 --dev false --platform android --entry-file index.js --bundle-output ./android/app/build/intermediates/assets/debug/index.android.bundle --assets-dest ./android/app/build/intermediates/res/merged/debug

#React-Native 0-0.49.0
react-native bundle --dev false --platform android --entry-file index.android.js --bundle-output ./android/app/build/intermediates/assets/debug/index.android.bundle --assets-dest ./android/app/build/intermediates/res/merged/debug

次に、バンドル後にAPKをビルドします。

$ cd android
#Create debug build:
$ ./gradlew assembleDebug
#Create release build:
$ ./gradlew assembleRelease #Generated `apk` will be located at `android/app/build/outputs/apk`

PS別のアプローチはgradleスクリプトを変更することかもしれません。

これらの手順に従ってください。

あなたのjsをバンドルしてください：

プロジェクトルートにindex.android.jsがある場合は、実行します

react-native bundle --dev false --platform android --entry-file index.android.js --bundle-output ./android/app/build/intermediates/assets/debug/index.android.bundle --assets-dest ./android/app/build/intermediates/res/merged/debug

プロジェクトルートに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

デバッグAPKを作成します。

cd android/
./gradlew assembleDebug

次に、ここにあなたのapkを見つけることができます：

cd app/build/outputs/apk/

最新のアップデート

ルートプロジェクトディレクトリ

すでにディレクトリandroid / app / src / main / assets /があることを確認します。ディレクトリが作成されていない場合は、新しいファイルを作成して保存しindex.android.bundle、このandroid / app / src / main / assets / index.androidのようにファイルを保存します。。バンドル

その後、これを実行します

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/

cd android && ./gradlew assembleDebug

次にapk、app / build / outputs / apk / debug / app-debug.apkにアクセスできます

私と一緒に、プロジェクトディレクトリで次のコマンドを実行します。

ネイティブの古いバージョンを反応させるには（ルートにindex.android.jsが表示されます）：

mkdir -p android/app/src/main/assets && rm -rf android/app/build && 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 && cd android && ./gradlew clean assembleRelease && cd ../

ネイティブの新しいバージョンを反応させるには（ルートにindex.jsが表示されるだけです）：

mkdir -p android/app/src/main/assets && rm -rf android/app/build && 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 && cd android && ./gradlew clean assembleRelease && cd ../

apkファイルは次の場所に生成されます：

• Gradle <3.0：android / app / build / outputs / apk /
• Gradle 3.0以降：android / app / build / outputs / apk / release /

最初の応答を実行した後、次を使用してアプリを実行できます

react-native run-android --variant=debug

そしてあなたのアプリはパッケージャを必要とせずに実行されます

反応ネイティブ0.57以降、gradleがバンドルとアセットを見つけることを期待しているディレクトリが変更されたため、以前に提供された回答はどれも機能しなくなりました。

反応ネイティブバンドルなしのシンプルな方法

デバッグビルドをビルドする最も簡単な方法は、react-native bundleコマンドをまったく使用せずに、単にapp/build.gradleファイルを変更することです。

ファイル内のproject.ext.reactマップ内app/build.gradleに、bundleInDebug: trueエントリを追加します。あなたはそれがないようにしたい場合は--dev、ビルド（警告なしと縮小さバンドル）その後も追加する必要がありdevDisabledInDebug: true、同じマップにエントリを。

反応ネイティブバンドルを使用

何らかの理由でreact-native bundleコマンドを使用してバンドルを作成する必要がある場合、またはを使用./gradlew assembleDebugしてバンドルとアセットを含むAPKを作成する場合は、バンドルとアセットを正しいパスに配置する必要があります。それらを見つけます。

反応ネイティブ0.57以降、これらのパスは android/app/build/generated/assets/react/debug/index.android.jsバンドル用です

そしてandroid/app/build/generated/res/react/debug資産のために。したがって、手動でバンドルして、バンドルとアセットでAPKをビルドするための完全なコマンドは次のとおりです。

react-native bundle --dev false --platform android --entry-file index.js --bundle-output ./android/app/build/generated/assets/react/debug/index.android.bundle --assets-dest ./android/app/build/res/react/debug

その後

./gradlew assembleDebug

バンドルとアセットのパス

Gradleがバンドルとアセットを探すパスは変更される可能性があることに注意してください。これらのパスの場所を確認するには、ディレクトリreact.gradle内のファイルを確認してくださいnode_modules/react-native。で始まる行とdef jsBundleDir =、def resourcesDir =gradleがバンドルとアセットをそれぞれ探すディレクトリを指定します。

Windowsユーザーの場合、すべての手順がこれから適切に実行された場合：https : //facebook.github.io/react-native/docs/signed-apk-android.html

あなただけを実行する必要があります： gradlew assembleRelease

そしてあなたのファイルは：

• app-release.apk
• app-release-unaligned.apk

ロケーション： E:\YourProjectName\android\app\build\outputs\apk

私はネイティブの0.55.4を反応させています、基本的に手動でバンドルする必要がありました：

react-native bundle --dev false --platform android --entry-file index.js --bundle- 
output ./android/app/build/intermediates/assets/debug/index.android.bundle --assets- 
dest ./android/app/build/intermediates/res/merged/debug

次に、USB経由でデバイスを接続し、USBデバッグを有効にします。で接続されているデバイスを確認しadb devicesます。

最後に走る react-native run-androidすると、お使いの携帯電話にデバッグAPKがインストールされ、開発サーバーで問題なく実行できます

注意：

• 0.49.0以降、エントリポイントは単一です index.js
• gradlew assembleRelease インストールできないリリース署名なしのAPKのみを生成します

テスト目的で署名なしのapkバージョンを生成して、モバイルで実行できるようにすることができます。

ここで最も言及されているように、最初に赤い画面エラーが発生しました。しかし、私はここで言及されたのと同じことを続け、それは私のために働いた。

作業ディレクトリのコンソールで、次の4つのコマンドを実行します

react-native bundle --dev false --platform android --entry-file index.js --bundle-output ./android/app/build/intermediates/assets/debug/index.android.bundle --assets-dest ./android/app/build/intermediates/res/merged/debug

cd android

gradlew assembleDebug

gradlew assembleRelease

APKファイルは次の場所に生成されます：android \ app \ build \ outputs \ apk \ debug \ app-debug.apk

他の誰かが最近同じ問題に遭遇している場合に備えて、私はReact Native 0.59.8（RN 0.60でもテスト済み）を使用しています。他の回答のいくつかを確認できます。手順は次のとおりです。

1. デバイスにインストールされているアプリの最新のコンパイル済みバージョンをアンインストールします

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

3. 走る cd android/ && ./gradlew assembleDebug

4. android / app / build / outputs / apk / debugフォルダーにapp-debug.apkを取得します

幸運を！

私はこのようなbuildTypesを変更する解決策を見つけました：

buildTypes {
  release {
    signingConfig signingConfigs.release
  }
}