Site icon บริษัท โค๊ดบี จำกัด

วิธี Build ไฟล์ APK จาก React Native สำหรับติดตั้งหรือขึ้น Play Store

codebee

&NewLine;<figure class&equals;"wp-block-video"><&sol;figure>&NewLine;&NewLine;&NewLine;&NewLine;<h4 class&equals;"wp-block-heading">สร้างไฟล์ keystore<&sol;h4>&NewLine;&NewLine;&NewLine;&NewLine;<p class&equals;"wp-block-paragraph">เปิดโปรแกรม command line ที่โฟลเด้อ project&sol;android&sol;app สำหรับเครื่อง Mac ให้คลิกขวาที่โฟลเด้อ app และเลือก New Terminal at Folder จากนั้นให้ RUN คำสั่งสำหรับสร้างไฟล์ keystore ตามด้านล่าง<&sol;p>&NewLine;&NewLine;&NewLine;&NewLine;<pre class&equals;"wp-block-code"><code>keytool -genkey -v -keystore my-release-key&period;keystore -alias my-key-alias -keyalg RSA -keysize 2048 -validity 10000<&sol;code><&sol;pre>&NewLine;&NewLine;&NewLine;&NewLine;<p class&equals;"wp-block-paragraph">กด Enter ระบบจะให้เรากรอกข้อมูล ดังนี้นะครับ<&sol;p>&NewLine;&NewLine;&NewLine;&NewLine;<ul class&equals;"wp-block-list"><li>Enter keystore password กรอกรหัสผ่าน keystore 6 หลัก<&sol;li><li>Re-Enter keystore password กรอกรหัสผ่านเดิม<&sol;li><li>What is your first and last name&quest; กรอกชื่อผู้พัฒนา<&sol;li><li>What is the name of your organizational unit&quest; กรอกชื่อแผนกในบริษัท<&sol;li><li>What is the name of your organization&quest; กรอกชื่อบริษัท<&sol;li><li>What is the name of your City or Locality&quest; กรอกชื่อเขตอำเภอ<&sol;li><li>What is the name of your State or Province&quest; กรอกชื่อจังหวัด<&sol;li><li>What is the two-letter country code for this unit&quest; กรอกชื่อย่อประเทศ 2 ตัวอักษร<&sol;li><&sol;ul>&NewLine;&NewLine;&NewLine;&NewLine;<p class&equals;"wp-block-paragraph">เสร็จแล้วก็พิมพ์คำว่า yes แล้วกด enter ใช้รหัสผ่านเดียวกัน กด enter อีกครั้ง เราจะได้ไฟล์ที่ <strong>project&sol;android&sol;app&sol;my-release-key&period;keystore<&sol;strong><&sol;p>&NewLine;&NewLine;&NewLine;&NewLine;<p class&equals;"wp-block-paragraph">เป็นอันเสร็จสิ้นการสร้าง keystore ไฟล์ <&sol;p>&NewLine;&NewLine;&NewLine;&NewLine;<h4 class&equals;"wp-block-heading">ตั้งค่าไฟล์ build&period;gradle<&sol;h4>&NewLine;&NewLine;&NewLine;&NewLine;<p class&equals;"wp-block-paragraph">เปิดไฟล์ <strong>project&sol;android&sol;apps&sol;build&period;gradle<&sol;strong> เลื่อนหาส่วน android &lbrace;&rcub; ภายในปีกหาให้เพิ่มการตั้งค่าตามตัวอย่างด้านล่าง มี 2 ส่วนคือ signingConfigs และ buildTypes ถ้ามีอยู่แล้วให้ปรับเพิ่มเข้าไป<&sol;p>&NewLine;&NewLine;&NewLine;&NewLine;<pre class&equals;"wp-block-code"><code>signingConfigs &lbrace;&NewLine; release &lbrace;&NewLine; if &lpar;project&period;hasProperty&lpar;'RELEASE&lowbar;STORE&lowbar;FILE'&rpar;&rpar; &lbrace;&NewLine; storeFile file&lpar;RELEASE&lowbar;STORE&lowbar;FILE&rpar;&NewLine; storePassword RELEASE&lowbar;STORE&lowbar;PASSWORD&NewLine; keyAlias RELEASE&lowbar;KEY&lowbar;ALIAS&NewLine; keyPassword RELEASE&lowbar;KEY&lowbar;PASSWORD&NewLine; &rcub;&NewLine; &rcub;&NewLine;&rcub;&NewLine;buildTypes &lbrace;&NewLine; release &lbrace;&NewLine; signingConfig signingConfigs&period;release&NewLine; &rcub;&NewLine;&rcub;<&sol;code><&sol;pre>&NewLine;&NewLine;&NewLine;&NewLine;<h4 class&equals;"wp-block-heading">ตั้งค่าไฟล์ gradle&period;properties<&sol;h4>&NewLine;&NewLine;&NewLine;&NewLine;<p class&equals;"wp-block-paragraph">ที่ไฟล์ <strong>project&sol;android&sol;apps&sol;gradle&period;properties<&sol;strong> ให้เพิ่มการตั้งค่าการใช้งานตามด้านล่าง ส่วนที่เป็น &ast;&ast;&ast;&ast;&ast;&ast; คือรหัสผ่าน 6 หลักที่เรากรอกไว้ในขั้นตอนแรก<&sol;p>&NewLine;&NewLine;&NewLine;&NewLine;<pre class&equals;"wp-block-code"><code>RELEASE&lowbar;STORE&lowbar;FILE&equals;my-release-key&period;keystore&NewLine;RELEASE&lowbar;KEY&lowbar;ALIAS&equals;my-key-alias&NewLine;RELEASE&lowbar;STORE&lowbar;PASSWORD&equals;&ast;&ast;&ast;&ast;&ast;&ast;&NewLine;RELEASE&lowbar;KEY&lowbar;PASSWORD&equals;&ast;&ast;&ast;&ast;&ast;&ast;<&sol;code><&sol;pre>&NewLine;&NewLine;&NewLine;&NewLine;<h4 class&equals;"wp-block-heading">คำสั่ง Build APK ไฟล์<&sol;h4>&NewLine;&NewLine;&NewLine;&NewLine;<p class&equals;"wp-block-paragraph">หลังจากที่เราทำตามขั้นตอนดังกล่าวมาทั้งหมดแล้ว ให้ทดสอบสร้างไฟล์ &period;apk โดย เปิด command line ที่ project&sol;android และ RUN คำสั่งตามตัวอย่างด้านล่าง<&sol;p>&NewLine;&NewLine;&NewLine;&NewLine;<pre class&equals;"wp-block-code"><code>&period;&sol;gradlew assembleRelease<&sol;code><&sol;pre>&NewLine;&NewLine;&NewLine;&NewLine;<p class&equals;"wp-block-paragraph">ถ้าไม่มีอะไรผิดพลาด ในโปรแกรม command line และแสดง <strong>BUILD SUCCESSFULLY<&sol;strong> และไฟล์ &period;apk ที่เราต้องการจะถูกสร้างขึ้นที่ <&sol;p>&NewLine;&NewLine;&NewLine;&NewLine;<pre class&equals;"wp-block-code"><code>project&sol;android&sol;app&sol;build&sol;outputs&sol;apk&sol;release&sol;app-release&period;apk<&sol;code><&sol;pre>&NewLine;&NewLine;&NewLine;&NewLine;<figure class&equals;"wp-block-image"><img src&equals;"https&colon;&sol;&sol;www&period;codebee&period;co&period;th&sol;labs&sol;wp-content&sol;uploads&sol;2019&sol;12&sol;วิธี-Build-ไฟล์-APK-จาก-React-Native-940x349&period;png" alt&equals;"" class&equals;"wp-image-4803" data-full&equals;"https&colon;&sol;&sol;codebee&period;co&period;th&sol;labs&sol;wp-content&sol;uploads&sol;2019&sol;12&sol;วิธี-Build-ไฟล์-APK-จาก-React-Native&period;png" data-full-size&equals;"1668x620" &sol;><figcaption>ตัวอย่าง Directory ที่เก็บไฟล์ &period;apk <&sol;figcaption><&sol;figure>&NewLine;&NewLine;&NewLine;&NewLine;<p class&equals;"wp-block-paragraph"><br><&sol;p>&NewLine;

Exit mobile version