Mobile Angular UI - การสร้างไฟล์ APK

ในบทนี้เราจะสร้างไฟล์ apk ของแอพ Mobile Angular UI เราจะใช้ประโยชน์จากการตั้งค่าแอพโดยใช้ Cordova และ phonegap ในบทที่แล้ว ดังนั้นโปรดตรวจสอบบทก่อนหน้าเกี่ยวกับApp Setup using PhoneGap and Cordova ที่เราได้ติดตั้ง Cordova, phonegap และสร้างแอพ Mobile Angular UI ใน Cordova แล้ว

ตอนนี้ให้เราสร้างไฟล์ APK สำหรับแอพที่สร้างขึ้น เพื่อที่เราจะต้องติดตั้งสิ่งต่อไปนี้ -

• ชุดพัฒนา Java (jdk 1.8)
• Gradle
• เครื่องมือ Android SDK

ชุดพัฒนา Java (jdk 1.8)

ในการสร้างแอปและสร้างมันข้อกำหนดที่สำคัญอย่างหนึ่งคือ JDK 1.8 เราต้องการรุ่นของ jdk ที่ 1.8 เนื่องจากเป็นรุ่นที่เสถียรจนถึงตอนนี้กับ Cordova build

ไปที่ลิงค์ต่อไปนี้เพื่อติดตั้ง jdk1.8

ติดตั้ง Jdk ตามระบบปฏิบัติการของคุณ เมื่อติดตั้งเสร็จแล้วจำเป็นต้องอัพเดตเส้นทางสภาพแวดล้อม JAVA_HOME ในกรณีที่คุณประสบปัญหาในการติดตั้ง Jdk โปรดดูสิ่งนี้Java installation tutorial.

สำหรับผู้ใช้ windows เพื่ออัพเดต Envionment Path ให้คลิกขวาที่ My computer → properties → Advanced System Settings

จะแสดงหน้าจอดังภาพด้านล่าง -

คลิกที่ Environment Variables จะแสดงหน้าจอดังภาพด้านล่าง -

คลิกที่ปุ่ม New จะแสดงหน้าจอดังภาพด้านล่าง -

ชื่อตัวแปรจะเป็น JAVA_HOME และค่า Variable จะเป็นพา ธ ที่ jdk 1.8 อยู่

เมื่อเสร็จแล้วให้ปิดพรอมต์คำสั่งของคุณแล้วเปิดอีกครั้ง ตอนนี้พิมพ์ java –version มันควรจะแสดงเวอร์ชันของ java ที่คุณติดตั้งไว้ดังที่แสดงด้านล่าง -

เราติดตั้ง JAVA เสร็จแล้ว

Gradle

ตอนนี้ติดตั้ง gradle ซึ่งเป็นหนึ่งในข้อกำหนดที่สำคัญในการสร้างแอป

ไปที่หน้าการติดตั้ง Gradleและติดตั้ง gradle เวอร์ชันล่าสุดตามระบบปฏิบัติการของคุณดาวน์โหลดและติดตั้งลงในระบบของคุณ เมื่อติดตั้งแล้วคุณต้องอัปเดตเส้นทางของ Gradle ในตัวแปรสภาพแวดล้อม ในกรณีที่คุณประสบปัญหาในการติดตั้งโปรดดูบทช่วยสอนนี้

สำหรับผู้ใช้ windows ในการอัปเดตตัวแปรสภาพแวดล้อมให้เพิ่มตำแหน่งของ gradle ในตัวแปร Path ดังที่แสดงด้านล่าง -

เมื่อเสร็จแล้วให้ปิดพรอมต์คำสั่งหากเปิดอยู่ ตอนนี้เปิดพรอมต์คำสั่งและตรวจสอบเวอร์ชันของ gradle ที่ติดตั้ง

เราได้ติดตั้ง Gradle เวอร์ชัน 6.2.2 สำหรับบทช่วยสอนนี้แล้ว

เครื่องมือ Android SDK

ตอนนี้ติดตั้งAndroid studioในระบบของคุณ นอกจาก Android studio แล้วแพ็คเกจ Android sdk ก็จะได้รับการติดตั้งด้วย เราสนใจแพ็คเกจ Android SDK มากกว่า แพ็คเกจ SDK จะมีเครื่องมือและเครื่องมือสร้างเราจำเป็นต้องเพิ่มสิ่งเดียวกันนี้ในตัวแปรสภาพแวดล้อมเพื่อให้คอร์โดวาเข้าถึงในระหว่างการสร้าง ในกรณีที่คุณต้องเผชิญกับความยากลำบากใด ๆ ดูการกวดวิชานี้สำหรับการติดตั้ง Android สตูดิโอ

สำหรับผู้ใช้ windows ค้นหาเส้นทางของ android sdk และเพิ่มตัวแปร ANDROID _SDK_ROOT ไปยังตัวแปรสภาพแวดล้อมดังที่แสดงด้านล่าง -

ตอนนี้เพิ่มเครื่องมือและเส้นทางเครื่องมือสร้างเช่น -

C:\Users\AppData\Local\Android\Sdk\build-tools;C:\Users\AppData\Local\Android\Sdk\tools\bin;

ไปยังตัวแปร path ในตอนท้ายดังแสดงด้านล่าง -

เมื่อเสร็จแล้วให้ปิดพรอมต์คำสั่งแล้วเปิดอีกครั้ง

ดำเนินการคำสั่ง: sdkmanager "platform-tools" "platforms; android-28"ในพรอมต์คำสั่งของคุณ มันจะติดตั้ง api เป้าหมายของ android-28 ที่เราต้องการ สำหรับรายละเอียดเพิ่มเติมเกี่ยวกับ sdkmanager โปรดดูลิงค์ด้านล่าง -

https://www.tutorialspoint.com/android/android_sdk_manager.htm

เราได้สร้างการตั้งค่าโครงการโดยใช้ Cordova และ phonegap ในบทที่แล้ว นี่คือลักษณะของแอพในเบราว์เซอร์ -

ให้เราตรวจสอบว่า Cordova มีรายละเอียดทั้งหมดในการสร้างแอปหรือไม่ จะทำอย่างไรให้เราสามารถใช้คำสั่งดังต่อไปนี้ - ความต้องการของคอร์โดวา

สร้างแอป

ในการสร้างแอพโดยใช้ Cordova คำสั่งมีดังนี้ -

cordova build

คำสั่งดังกล่าวจะสร้างแอปสำหรับทุกแพลตฟอร์มที่คุณเพิ่ม

การรันแพลตฟอร์มการสร้างอย่างชาญฉลาดคุณสามารถใช้คำสั่งต่อไปนี้ -

cordova build ios
cordova build android

เราได้เพิ่มสำหรับแพลตฟอร์มเดียวเท่านั้นเช่น android ดังนั้นจึงสามารถใช้คำสั่งสร้าง Cordova ได้โดยตรง

หากการสร้างสำเร็จคุณควรได้รับผลลัพธ์ต่อไปนี้ -

จะแสดงตำแหน่งของไฟล์ apk ของแอป ตอนนี้เรามี apk แล้ว แต่เราไม่สามารถเผยแพร่สิ่งเดียวกันได้เนื่องจากเป็น app-debug.apk เราต้องการ apk รุ่นที่สามารถเผยแพร่ใน Google Play Store

App Release

ในการสร้าง app-release เราต้องสร้างที่เก็บคีย์ ที่เก็บคีย์คือไฟล์ที่มีคีย์ส่วนตัวและใบรับรอง

ในการสร้างไฟล์ที่เก็บคีย์จะใช้ JAVA keytool JAVA keytool เป็นเครื่องมือที่ช่วยในการสร้างใบรับรอง

ต่อไปนี้เป็นคำสั่งในการสร้างที่เก็บคีย์ -

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

ชื่อของที่เก็บคีย์ที่เราใช้มีดังนี้ -

testapp-key.keystore

นามแฝงคือ testapp-key เหมือนกับชื่อ

ดำเนินการคำสั่งในบรรทัดคำสั่งจากโฟลเดอร์รูทของโปรเจ็กต์

เมื่อคำสั่งดำเนินการคำสั่งจะถามคำถามคุณเช่นรหัสผ่านชื่อและนามสกุลหน่วยองค์กรเมืองรัฐ ฯลฯ คุณสามารถป้อนข้อมูลและเมื่อเสร็จแล้วที่เก็บคีย์จะถูกสร้างขึ้นและไฟล์ที่เก็บคีย์จะถูกเก็บไว้ภายใน โฟลเดอร์รูทของโปรเจ็กต์

เมื่อเก็บคีย์เสร็จแล้วให้สร้าง build.json ภายใน myfirstapp \ testapp \ platforms \ android \ build.json

มีรายละเอียดดังภาพด้านล่าง -

{
   "android":{
      "release":{
         "keystore":"testapp-key.keystore",
         "storePassword":"testapp123",
         "alias":"testapp-key",
         "password":"testapp123",
         "keystoreType":""
      }
   }
}

คุณจะต้องป้อนรายละเอียดที่เก็บคีย์รวมทั้งรหัสผ่านที่คุณป้อนขณะสร้างที่เก็บคีย์

เมื่อคีย์สโตร์และ build.json เสร็จแล้วเราก็พร้อมที่จะสร้าง apk สำหรับการเปิดตัว

ต่อไปนี้เป็นคำสั่งในการสร้าง -

cordova build android --release

เมื่อสร้างสำเร็จคุณจะได้รับ apk รุ่นดังที่แสดงด้านล่าง -

ตอนนี้คุณสามารถใช้ apk นี้ใน Google Play Store เพื่อเผยแพร่และเผยแพร่แอปของคุณได้

Google Play Store

เมื่อคุณมี app-release.apk พร้อมแล้วคุณจะต้องอัปโหลดไปยัง Google Play Store ในการอัปโหลดคุณต้องลงชื่อเข้าใช้ใน Google Play Store ครั้งแรกที่ผู้ใช้ต้องจ่าย $ 25 เป็นราคาเริ่มต้นของนักพัฒนา เมื่อเสร็จแล้วคุณสามารถดำเนินการต่อและอัปโหลดไฟล์ apk ของคุณ คุณสามารถทำตามขั้นตอนที่ให้ไว้ที่นี่เพื่ออัปโหลดไฟล์ APK ของคุณ