Build ไฟล์ APK จาก React Native ให้ติดตั้งได้จริง

จากครั้งที่แล้วผมได้ลอง Build Ionic 3 ครั้งนี้เราจะมาลองกับ React Native กันบ้างครับ

การสร้างไฟล์ APK ที่สามารถติดตั้งได้จริงจาก React Nativer นั้นสิ่งที่ต้องเตรียมให้พร้อมก่อนคืออัพเดต Android SDK และเซต Path ให้เรียบร้อย จากนั้นจะต้องดำเนินการดังนี้

ขั้นตอนการสร้าง Key สำหรับ Sign APK

1. ไปที่ Directory
   
   project\android\app

   1	project\android\app

   
   โดยที่ project คือชื่อ Directory ที่เก็บโปรเจคของเราอยู่ครับ
2. เปิด Command หรือ Git Bash ที่ Directory ปัจจุบัน และสร้าง Key ด้วยคำสั่ง
   
   keytool -genkey -v -keystore my-release-key.keystore -alias my-key-alias -keyalg RSA -keysize 2048 -validity 10000

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

   
   จากนั้นให้ทำการตั้งรหัสผ่านและระบุข้อมูลเบื้องต้นสำหรับการ Sign APK ดังภาพตัวอย่างด้านล่าง
   

   การตั้งค่า Key

3. เปิดไฟล์ build.gradle และทำการเพิ่มโค้ดด้านล่างนี้เข้าไปครับ
   
   ... 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 } } } ...

   1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22

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

4. ทำการแก้ไขไฟล์ “gradle.properties” ที่ Directory “project\android” ดังนี้
   
   MYAPP_RELEASE_STORE_FILE=my-release-key.keystore MYAPP_RELEASE_KEY_ALIAS=my-key-alias MYAPP_RELEASE_STORE_PASSWORD=**** MYAPP_RELEASE_KEY_PASSWORD=****

   1 2 3 4

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

   
   เมื่อ **** คือรหัสที่สร้างไว้ในข้อที่ 2
5. ทำการรันคำสั่ง ที่ Directory project\android
   
   gradlew assembleRelease

   1	gradlew assembleRelease

   
   หากไม่มีข้อผิดพลาดเราจะได้ไฟล์ชื่อ “app-release.apk” ใน Directory “project\android\app\build\outputs\apk” ดังภาพ

ผลลัทพ์การสร้าง APK จาก React Native

ข้อควรระวัง

• รหัสผ่านที่ตั้งตอนสร้าง Key ห้ามทำหายนะครับ ในกรณีที่ทำการอัพโหลด apk ขึ้น Play Store แล่วจำรหัสผ่านไม่ได้ เราก็จะไม่สามารถอัพเดตแอพพลิเคชั่นนั้นได้เลยครับ

หากมีข้อผิดพลาดอย่างไรก็ขออภัยด้วยครับ

ขอขอบคุณ stackoverflow