สร้างและติดตั้ง apk ที่ไม่ได้ลงชื่อบนอุปกรณ์โดยไม่มีเซิร์ฟเวอร์การพัฒนาหรือไม่

ฉันเป็นคนใหม่ในภาษาพื้นเมืองดังนั้นถ้ามีอะไรผิดปกติในขั้นตอนแจ้งให้ฉันทราบ

ฉันได้สร้างแอป Android แบบโต้ตอบโดยใช้คำสั่งตามเอกสาร

Android ตอบสนองพื้นเมือง

ขณะที่รันบนอุปกรณ์จะใช้คำสั่งต่อไปนี้

react-native run-android

ซึ่งให้ผลลัพธ์ของไฟล์ apk 2 ไฟล์ในprojectfolder / android / app / build / outputs / apk ของฉัน

ตอนนี้เมื่อฉันใช้เพื่อติดตั้ง apk นี้หลังจากการติดตั้งก็ขอให้เซิร์ฟเวอร์การพัฒนาเชื่อมต่อกับบันเดิล JS แต่ความต้องการของฉันคือผู้ใช้ไม่ต้องต่อสู้กับเซิร์ฟเวอร์การพัฒนาเพียงแค่เขาต้องติดตั้ง apk และทำทุกอย่างเสร็จแล้ว

ได้อ่านคำถามเกี่ยวกับสแต็คโอเวอร์โฟลว์แล้วแต่ไม่มีประโยชน์ในการสร้าง apk ที่ไม่ได้ลงชื่อซึ่งไม่ต้องการเซิร์ฟเวอร์การพัฒนา

พวกคุณช่วยฉันค้นหาวิธีที่จะสร้างและไม่ได้ลงนาม 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 อีกวิธีหนึ่งอาจจะแก้ไขสคริปต์การไล่ระดับสี

กรุณาทำตามขั้นตอนเหล่านั้น

มัด 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 debug

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 .bundle

หลังจากนั้นเรียกใช้สิ่งนี้

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 ด้วยบันเดิลและสินทรัพย์ที่คุณต้องทำให้แน่ใจว่าใส่บันเดิลและสินทรัพย์ในเส้นทางที่ถูกต้องซึ่ง gradle สามารถ หาพวกเขา.

ในฐานะที่เป็นปฏิกิริยาตอบสนองพื้นเมือง 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

และไฟล์ของคุณจะเป็น:

• แอปพลิเค release.apk
• แอปพลิเคปล่อย 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ซึ่งจะติดตั้ง debug apk บนโทรศัพท์ของคุณและคุณสามารถเรียกใช้ได้กับเซิร์ฟเวอร์ dev

บันทึก:

• จาก 0.49.0 จุดเข้าใช้งานเป็นจุดเดียว index.js
• gradlew assembleRelease สร้าง apks ที่ไม่ได้รับการลงนามเท่านั้นซึ่งไม่สามารถติดตั้งได้

เป็นไปได้ที่จะสร้างรุ่น apk ที่ไม่ได้ลงชื่อเพื่อการทดสอบเพื่อให้คุณสามารถทำงานบนมือถือของคุณ

ตอนแรกฉันได้รับข้อผิดพลาดหน้าจอสีแดงตามที่กล่าวถึงมากที่สุดที่นี่ แต่ฉันก็ทำตามอย่างที่พูดไว้ที่นี่และมันก็ใช้ได้สำหรับฉัน

บนคอนโซลของคุณจากไดเร็กทอรีการทำงานให้รันทั้งสี่คำสั่ง

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. รับ app-debug.apk ของคุณในโฟลเดอร์ android / app / build / outputs / apk / debug

โชคดี!

ฉันพบวิธีแก้ไข buildTypes แบบนี้:

buildTypes {
  release {
    signingConfig signingConfigs.release
  }
}