Mobile Angular UI - 建立APK檔案

本章將介紹如何建立 Mobile Angular UI 應用的 apk 檔案。我們將使用上一章中使用 cordova 和 phonegap 完成的應用設定。因此，請檢視上一章關於使用 PhoneGap 和 Cordova 進行應用設定的內容，我們在其中已經安裝了 cordova、phonegap 並建立了 cordova 中的 Mobile Angular UI 應用。

現在讓我們為建立的應用建立一個 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 安裝教程。

對於 Windows 使用者，要更新環境路徑，請右鍵單擊“我的電腦”→“屬性”→“高階系統設定”。

將顯示如下所示的螢幕：

單擊“環境變數”。將顯示如下所示的螢幕：

單擊“新建”按鈕，將顯示如下所示的螢幕：

變數名將為 JAVA_HOME，變數值將是 jdk 1.8 所在的路徑。

完成後，關閉命令提示符並重新開啟它。現在鍵入 java –version，它應該顯示您已安裝的 java 版本，如下所示：

我們完成了 JAVA 的安裝。

Gradle

現在安裝 gradle，這是構建應用的重要要求之一。

訪問Gradle 安裝頁面，並根據您的作業系統安裝最新版本的 gradle。下載並安裝到您的系統上。安裝後，您需要在環境變數中更新 Gradle 的路徑。如果您在安裝過程中遇到任何困難，請參考此gradle 教程。

對於 Windows 使用者，要更新環境變數，請將 gradle 的位置新增到 Path 變數中，如下所示：

完成後，如果已開啟，請關閉命令提示符。現在開啟命令提示符並檢查已安裝的 gradle 版本。

在本教程中，我們安裝了 Gradle 6.2.2 版本。

Android SDK 工具

現在在您的系統上安裝Android studio。隨著 Android studio 的安裝，Android sdk 包也將被安裝。我們更關注 Android SDK 包。SDK 包將包含工具和構建工具，我們需要將其新增到環境變數中，以便 cordova 在構建期間可以訪問它們。如果您遇到任何困難，請參考此Android Studio 安裝教程。

對於 Windows 使用者，找到 android sdk 的路徑，並將變數 ANDROID_SDK_ROOT 新增到環境變數中，如下所示：

現在新增 tools 和 build-tools 路徑，例如：

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

新增到路徑變數的末尾，如下所示：

完成後，關閉命令提示符並重新開啟它。

在命令提示符中執行命令：sdkmanager "platform-tools" "platforms;android-28"。它將安裝我們需要的 android-28 目標 api。有關 sdkmanager 的更多詳細資訊，請參考以下連結：

https://tutorialspoint.tw/android/android_sdk_manager.htm

我們已在上一章中使用 cordova 和 phonegap 建立了一個專案設定。這是該應用在瀏覽器中的外觀：

現在讓我們檢查 cordova 是否擁有構建應用的所有詳細資訊。為此，我們可以使用以下命令：cordova requirements。

構建應用

要使用 cordova 構建應用，命令如下：

cordova build

以上命令將為您新增的所有平臺構建應用。

要按平臺執行構建，可以使用以下命令：

cordova build ios
cordova build android

我們只添加了一個平臺，即 android，因此可以直接使用 cordova build 命令。

如果構建成功，您應該會得到以下輸出：

它顯示了應用 apk 檔案的位置。現在我們有了 apk，但是我們不能釋出它，因為它是一個 app-debug.apk。我們需要一個可以在 Google Play 商店中釋出的 release apk。

應用釋出

要建立 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。

從專案根資料夾中的命令列執行該命令。

命令執行時，會詢問您一些問題，例如密碼、姓名、組織單位、城市、州等。您可以輸入資訊，完成後將建立金鑰庫，並且金鑰庫檔案將儲存在專案根資料夾中。

完成金鑰庫後，在 myfirstapp\testapp\platforms\android\build.json 中建立 build.json。

詳細資訊如下所示：

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

您必須輸入金鑰庫詳細資訊以及生成金鑰庫時輸入的密碼。

完成金鑰庫和 build.json 後，我們現在就可以構建用於釋出的 apk 了。

以下是構建它的命令：

cordova build android --release

構建成功後，您將獲得如下所示的 release apk：

現在您可以在 Google Play 商店中使用此 apk 釋出它並使您的應用上線。

Google Play 商店

準備好 app-release.apk 後，您需要將其上傳到 Google Play 商店。要上傳，您需要登入 Google Play 商店。首次使用者需要支付 25 美元作為開發者入門價格。完成後，您可以繼續上傳您的 apk 檔案。您可以按照此處提供的步驟上傳您的 APK 檔案。

列印頁面