為何捐款
API 瀏覽器
升級指南
NEW!
quasar.config 檔案
轉換為搭配 Webpack 的 CLI
瀏覽器相容性
支援 TypeScript
目錄結構
命令列表
CSS 預處理器
路由
延遲載入 - 程式碼分割
處理資源
啟動檔案
預取功能
API 代理
處理 Webpack
處理 process.env
使用 Pinia 的狀態管理
使用 Vuex 的狀態管理
Linter
測試與稽核
開發行動應用程式
Ajax 請求
開放開發伺服器給公眾
Quasar CLI with Webpack - @quasar/app-webpack
發佈到商店

所以,您已經完成您的行動應用程式的開發工作。現在是時候部署它了。讓我們來學習如何做。

Android 發佈

要為 Android 生成發行版本,我們可以使用以下 Quasar CLI 命令

$ quasar build -m cordova -T android
# or the short form:
$ quasar build -m android

這將根據您的 /src-cordova/config.xml 中的設定生成發行版本。

接下來,我們可以在 “/src-cordova/platforms/android/app/build/outputs/apk/release” 或同等路徑(在終端機的輸出中寫出)中找到我們未簽署的 APK 檔案。 檔案名稱通常以 “-release-unsigned.apk” 結尾。 現在,我們需要簽署未簽署的 APK 並在其上執行對齊工具,以優化它並為應用程式商店做好準備。 如果您已經有簽名金鑰,請跳過這些步驟並改用該金鑰。

讓我們使用 JDK 隨附的 keytool 命令來產生我們的私密金鑰。如果找不到此工具,請參考安裝指南

$ keytool -genkey -v -keystore my-release-key.keystore -alias alias_name -keyalg RSA -keysize 2048 -validity 20000

首先,系統會提示您建立金鑰庫的密碼。然後,回答這個好用工具的其他問題。完成後,您應該會在目前目錄中建立一個名為 my-release-key.keystore 的檔案。

警告

請務必將此檔案儲存在安全的地方,如果您遺失了它,您將無法提交應用程式的更新!

接下來,我們需要zip align和簽署 APK。為此,我們使用 Android SDK build-tools 資料夾中的幾個應用程式,路徑類似 /path/to/Android/Sdk/build-tools/VERSION/。例如,在安裝了 Android Studio 的 OS X 上,zipalign 位於 ~/Library/Android/Sdk/build-tools/VERSION/

要 zip align APK,請執行:

$ zipalign -v 4 <path-to-same-apk-file> HelloWorld.apk

要簽署 APK,請執行:

apksigner sign --ks my-release-key.keystore --ks-key-alias alias_name <path-to-unsigned-apk-file>

現在我們有了最終發布版本二進制檔案,名為 HelloWorld.apk,我們可以將其發佈到 Google Play 商店,讓全世界都能享用!

(還有其他幾種簽署 APK 的方法。請參考官方 Android 應用程式簽署文件以取得更多資訊。)

Google Play 商店

現在我們已經準備好發布到 Google Play 商店的 APK,我們可以建立 Play 商店列表並上傳我們的 APK。

首先,您需要訪問 Google Play 管理中心 並建立新的開發人員帳戶。不幸的是,這不是免費的。但是,費用僅為 25 美元,相較於 Apple 的 99 美元。

一旦您擁有開發人員帳戶,就可以繼續點擊「在 Google Play 上發布 Android 應用程式」。

然後,您可以繼續點擊按鈕來編輯商店列表(我們稍後會上傳 APK)。您需要填寫應用程式的描述。

當您準備好時,上傳發布版本的 APK 並發布列表。請耐心等待,您的辛勤工作應該會在網路上發布!

更新您的應用程式

隨著您開發應用程式,您會希望定期更新它。

為了讓 Google Play 商店接受更新的 APK,您需要增加應用程式版本(從 /package.json 或從 /quasar.config file > cordova > version),然後為發布版本重新構建應用程式。

iOS 發布

首先,您需要註冊 Apple 開發人員計畫。與 Google 一樣,如果您擁有 Apple 個人帳戶,您可以為您的應用程式建立另一個帳戶。

將 Xcode 與您的開發人員帳戶連接

在您收到開發人員身分後,在您的 Mac 上開啟 Xcode,然後前往「Preferences」>「Accounts」。透過點擊左下角的 + 按鈕,並按照指示將您的帳戶新增到 Xcode。

簽署

現在您已將 Xcode 與您的開發人員帳戶連結,請前往「Preferences」>「Accounts」,在左側選擇您的 Apple ID,然後點擊先前影像中顯示的「View Details」按鈕。

點擊「iOS Distribution」選項旁邊的「Create」按鈕。

您可以從官方文件中了解更多關於維護您的簽署身分和憑證的資訊。

設定應用程式識別碼

接下來,透過 Apple Developer Member Center,我們將設定應用程式 ID 識別碼詳細資訊。識別碼用於允許應用程式存取某些應用程式服務,例如 Apple Pay。您可以使用您的 Apple ID 和密碼登入 Apple Developer Member Center。

登入後,您應該選擇「Certificates, Identifiers, and Profiles」選項。同時在「iOS Apps」下選擇「Identifiers」選項。然後選擇 + 按鈕以新增新的 iOS 應用程式 ID。

然後您必須設定應用程式的名稱,使用「Explicit App ID」選項,並將 Bundle ID 設定為 Cordova config.xml 標籤中 id 的值。

此外,您必須選擇任何需要啟用的服務。例如,如果您在應用程式中使用 Apple Pay 或 Wallet,您需要選擇這些選項。

您可以從 官方文件中了解更多關於註冊應用程式識別碼的資訊。

建立應用程式列表

Apple 使用 iTunes Connect 來管理應用程式提交。登入後,您應該選擇「My Apps」按鈕,然後在下一個畫面中選擇 + 按鈕,就在 iTunes Connect My Apps 標題下方。

這將在下拉選單中顯示三個選項,您應該選擇「New App」。之後會出現彈出視窗,您必須在其中選擇應用程式的名稱、平台、主要語言、Bundle ID 和 SKU。

完成後,點擊「Create」按鈕,您將看到一個畫面,您必須在其中設定一些基本選項,例如隱私權政策 URL、類別和子類別。

現在,在我們填寫列表中的所有內容之前,我們將構建我們的應用程式並透過 Xcode 上傳它。然後您將返回完成列表。

您可以從 官方文件中了解更多關於在 iTunes Connect 中管理您的應用程式的資訊。

為生產環境構建應用程式

$ quasar build -m cordova -T ios
# or the short form:
$ quasar build -m ios

# passing extra parameters and/or options to
# underlying "cordova" executable:
$ quasar build -m ios -- some params --and options --here

如果一切順利,您將在控制台中看到 BUILD SUCCEEDED 輸出。

在 Xcode 中開啟專案

現在,在 Xcode 中開啟 /src-cordova/platforms/ios/<name>.xcodeproj 檔案。如果下一步不起作用,您可能需要改用 <name>.xcworkspace

一旦 Xcode 開啟專案,您應該會在一般視圖中看到關於您的應用程式的詳細資訊。

您應該檢查 bundle identifier 是否設定正確,使其與您先前在應用程式 ID 中指定的值相同。此外,請確保版本和構建號碼正確。「Team」選項應設定為您的 Apple 開發人員帳戶。在部署目標下,您可以選擇您的應用程式將支援哪些裝置。

建立應用程式的封存檔

在 Xcode 中,選擇「Product」>「Scheme」>「Edit Scheme」以開啟 scheme 編輯器。接下來,從左側的列表中選擇「Archive」。確保「Build configuration」設定為「Release」。

要建立封存檔,請從專案編輯器中的 Scheme 工具列選單中選擇「Generic iOS Device」,或者如果您的裝置已連接到 Mac,則選擇您的裝置(如果選擇模擬器,則無法建立封存檔)。

接下來,選擇「Product」>「Archive」,封存檔管理器將出現並顯示新的封存檔。(如果產生錯誤,請返回上一步並開啟 <name>.xcworkspace。)

此時,您可以點擊「Upload to App Store...」按鈕,如果一切順利,您將上傳應用程式,而唯一剩下的事情就是完成 iTunes Connect 列表並提交以供審核!

此時,您應該在您上傳封存檔後不久收到來自 iTunes Connect 的電子郵件,其中包含內容。

完成應用程式列表流程

現在您應該回到 iTunes Connect 入口網站並登入。接下來,點擊「APP STORE INFORMATION」下左側的「Pricing and Availability」。

您不必擔心忘記插入任何關於您的應用程式的關鍵和必要資訊,因為如果您在所有詳細資訊都填寫完畢之前嘗試提交應用程式以供審核,您將收到關於缺少什麼以及需要新增/更改什麼的通知。

接下來,點擊左側的「1.0 Prepare for Submission」按鈕,如下圖所示。當我們上傳封存檔時,iTunes Connect 會自動判斷支援哪些裝置尺寸。您需要為 iTunes Connect 偵測到的每個不同應用程式尺寸上傳至少一張螢幕截圖影像。

接下來,您必須插入「Description」、「Keywords」、「Support URL」和「Marketing URL」(可選)。

在「Build」區段中,您必須點擊 + 按鈕,並選擇在上一步中透過 Xcode 上傳的構建版本。

接下來,您必須上傳圖示,編輯評級,並設定一些其他資訊,例如版權和您的資訊。請注意,您在此處必須上傳的圖示大小必須為 1024 x 1024 像素。幸運的是,您可以使用第二個教學課程中的 splash.png。如果您是唯一的開發人員,則「App Review Information」中的資料應該是您自己的。最後,作為最後一個選項,您可以保留預設選中的選項,即一旦您的應用程式獲得批准,它將自動發布到 App Store。

現在我們已經完成將所有詳細資訊新增到應用程式列表中,我們可以按下「Save」,然後按下「Submit for Review」。最後,您將看到最後一個表單,您必須填寫它。

在您提交應用程式以供審核後,您將在「My Apps」中看到其狀態為「Waiting for review」,如下圖所示。此外,在您提交應用程式以供審核後不久,您將收到來自 iTunes Connect 的確認電子郵件,告知您的應用程式正在審核中。

Apple 以人工審核流程為榮,這基本上意味著您的應用程式可能需要幾天才能完成審核。您將收到關於您的應用程式狀態的任何問題或更新的通知。

更新應用程式

由於您可能希望在某些時候更新您的應用程式,您首先需要增加應用程式版本(從 /package.json 或從 /quasar.config file > cordova > version),然後為發布版本重新構建應用程式。最後,您必須從 Xcode 開啟它並再次遵循相同的步驟。

一旦您提交以供審核,您將必須再次等待審核流程。