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

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

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 的檔案。

警告

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

接下來,我們需要對 APK 進行 *zip align* 和簽署。 為此,我們使用幾個應用程式,這些應用程式可以在 Android SDK 的 build-tools 資料夾中找到,例如 /path/to/Android/Sdk/build-tools/VERSION/。 例如,在安裝了 Android Studio 的 OS X 上,zipalign 位於 ~/Library/Android/Sdk/build-tools/VERSION/ 中。

對 APK 進行 zip align

$ 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 商店開發人員控制台 並建立一個新的開發人員帳戶。 遺憾的是,這不是免費的。 但是,與 Apple 的 99 美元相比,費用僅為 25 美元。

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

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

當你準備好時,上傳發行版本的 APK 並發佈列表。 請耐心等待,你的辛勤工作應該很快就會上線!

更新你的應用程式

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

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

iOS 發佈

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

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

收到你的開發人員身分後,在你的 Mac 上開啟 Xcode 並前往「偏好設定」>「帳戶」。 透過點擊左下角的 + 按鈕將你的帳戶新增到 Xcode,並按照指示操作。

簽署

現在你已將 Xcode 與你的開發人員帳戶連結,請前往「偏好設定」>「帳戶」,在左側選擇你的 Apple ID,然後點擊先前圖片中顯示的「檢視詳細資訊」按鈕。

點擊「iOS 發佈」選項旁邊的「建立」按鈕。

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

設定應用程式識別碼

接下來,我們將透過 Apple 開發人員會員中心設定應用程式 ID 識別碼詳細資訊。 識別碼用於允許應用程式存取某些應用程式服務,例如 Apple Pay。 你可以使用你的 Apple ID 和密碼登入 Apple 開發人員會員中心。

登入後,你應該選擇「憑證、識別碼和描述檔」選項。 另外,在「iOS 應用程式」下選擇「識別碼」選項。 然後選擇 + 按鈕以新增新的 iOS 應用程式 ID。

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

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

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

建立應用程式列表

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

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

完成後,點擊「建立」按鈕,你會看到一個畫面,你必須在其中設定一些基本選項,例如隱私權政策 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 中指定的值相同。此外,請確認版本和 build 號碼正確。團隊選項應設定為您的 Apple 開發者帳號。在部署目標下方,您可以選擇您的應用程式將支援哪些裝置。

建立應用程式的封存檔

在 Xcode 中,選取 Product > Scheme > Edit Scheme 以開啟 scheme 編輯器。接著,從左側列表選取 Archive。請確認 Build configuration 設定為 Release。

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

接著,選取 Product > Archive,Archive organizer 就會出現並顯示新的封存檔。(如果出現錯誤,請回到上一步驟並開啟 <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 上傳的 build。

接著,您必須上傳圖示、編輯評級,並設定一些額外資訊,例如著作權和您的資訊。請注意,您在此處必須上傳的圖示尺寸必須為 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 開啟它,並再次遵循相同的步驟。

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