为什么捐赠
API 资源管理器
升级指南
新增!
quasar.config 文件
转换为使用 Webpack 的 CLI
浏览器兼容性
支持 TypeScript
目录结构
命令列表
CSS 预处理器
路由
延迟加载 - 代码分割
处理资源
启动文件
预取功能
API 代理
处理 Webpack
处理 process.env
使用 Pinia 进行状态管理
使用 Vuex 进行状态管理
代码检查器
测试和审计
Ajax 请求
将开发服务器开放给公众
使用 Webpack 的 Quasar CLI - @quasar/app-webpack
发布到应用商店

所以,您已经完成了移动应用的开发工作。现在是时候部署它了。让我们学习一下如何操作。

Android 发布

要生成 Android 的发布版本,我们可以使用以下 Quasar CLI 命令

$ quasar build -m capacitor -T android

这将编译 Web 资产(如果还指定了“–ide”参数,它将打开 Android Studio IDE,您需要在其中触发发布版本构建)。

接下来,我们找到 Android Studio 生成的未签名 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 对齐并对 APK 进行签名。为此,我们使用 Android SDK build-tools 文件夹中可以找到的几个应用程序,例如 /path/to/Android/Sdk/build-tools/VERSION/。例如,在安装了 Android Studio 的 OS X 上,zipalign 位于 ~/Library/Android/Sdk/build-tools/VERSION/ 中。

要 zip 对齐 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 商店开发者控制台 并创建一个新的开发者帐户。不幸的是,这不是免费的。但是,与 Apple 的 99 美元相比,费用仅为 25 美元。

拥有开发者帐户后,您可以继续点击“在 Google Play 上发布 Android 应用”。

然后,您可以继续点击按钮以编辑商店列表(稍后我们将上传 APK)。您需要填写应用说明。

准备好后,上传发布版本的 APK 并发布列表。耐心等待,您的辛勤工作应该会在应用商店上线!

更新您的应用

在开发应用时,您需要定期更新它。

为了让 Google Play 商店接受更新的 APK,您需要提高应用版本(从 /package.json 或从 /quasar.config 文件 > capacitor > 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 设置为 capacitor.config.json 中 id 的值。

此外,您必须选择需要启用的任何服务。例如,如果您在应用中使用 Apple Pay 或 Wallet,则需要选择这些选项。

您可以从 官方文档 中了解更多关于注册应用标识符的信息。

创建应用列表

Apple 使用 iTunes Connect 管理应用提交。登录后,您应该选择“我的应用”按钮,然后在下一个屏幕上选择 + 按钮,位于“iTunes Connect 我的应用”标题下方。

这将显示三个下拉选项,您应该选择“新建应用”。之后将弹出窗口,您需要在其中选择应用名称、平台、主要语言、Bundle ID 和 SKU。

完成后,点击“创建”按钮,您将看到一个屏幕,您需要在其中设置一些基本选项,例如隐私政策 URL、类别和子类别。

现在,在我们填写清单中的所有内容之前,我们将构建我们的应用并使用 Xcode 上传。然后您将返回完成清单。

您可以从官方文档了解更多关于在 iTunes Connect 中管理应用的信息。

构建用于生产的应用

$ quasar build -m capacitor -T ios

这将编译 Web 资产(如果还指定了“–ide”参数,它将打开 Xcode,您需要在其中触发发布构建)。

在 Xcode 中配置项目

Xcode 打开项目后(需要“–ide”参数),您应该在常规视图中看到有关应用的详细信息。

您只需检查 Bundle ID 是否设置正确,以确保它与您之前在应用 ID 中指定的相同。此外,请确保版本号和构建号正确。团队选项应设置为您的 Apple 开发者帐户。在部署目标下,您可以选择您的应用将支持哪些设备。

创建应用的归档文件

在 Xcode 中,选择“产品”>“方案”>“编辑方案”以打开方案编辑器。接下来,从左侧列表中选择“归档”。确保“构建配置”设置为“发布”。

要创建归档文件,请从项目编辑器中的方案工具栏菜单中选择“通用 iOS 设备”或您的设备(如果它已连接到您的 Mac)(如果选择了模拟器,则无法创建归档文件)。

接下来,选择“产品”>“归档”,然后“归档”组织器将出现并显示新的归档文件。

此时,您可以点击上传到 App Store...按钮,如果一切顺利,您将拥有一个已上传的应用,剩下的唯一工作就是完成 iTunes Connect 清单并提交审核!

此时,您应该在上传包含内容的归档文件后不久收到来自 iTunes Connect 的电子邮件。

完成应用清单流程

现在,您应该返回 iTunes Connect 门户并登录。接下来,点击左侧“应用商店信息”下的“定价与销售区域”。

您不必担心忘记插入任何关于您的应用的关键和必要信息,因为如果您尝试在填写所有详细信息之前提交应用以供审核,系统会通知您缺少哪些信息以及需要添加/更改哪些信息。

接下来,点击左侧的“1.0 准备提交”按钮,如下面的图片所示。当我们上传归档文件时,iTunes Connect 自动确定了支持哪些设备尺寸。您需要为 iTunes Connect 检测到的每个不同应用尺寸上传至少一张屏幕截图。

接下来,您需要插入描述、关键词、支持 URL 和营销 URL(可选)。

在“构建”部分,您必须点击+按钮并选择之前步骤中通过 Xcode 上传的构建。

接下来,您需要上传图标,编辑评分,并设置一些其他信息,例如版权和您的信息。请注意,您需要在此处上传的图标大小必须为 1024 x 1024 像素。值得庆幸的是,您可以使用第二个教程中的 splash.png。如果您是唯一的开发者,则“应用审核信息”中的数据应为您的数据。最后,作为最后一个选项,您可以保留默认选中的选项,即您的应用一旦获批就会自动发布到 App Store。

现在我们已经完成了向应用清单添加所有详细信息,我们可以点击“保存”,然后点击“提交审核”。最后,您将看到需要填写的最后一个表单。

提交应用以供审核后,您将在“我的应用”中看到其状态为“等待审核”,如下面的图片所示。此外,在您提交应用以供审核后不久,您将收到来自 iTunes Connect 的确认电子邮件,告知您的应用正在审核中。

Apple 以其手动审核流程而自豪,这基本上意味着您的应用可能需要几天时间才能完成审核。您将收到有关任何问题或应用状态更新的通知。

更新应用

由于您可能希望在某个时间点更新您的应用,因此您首先需要增加应用版本(来自/package.json),然后重新构建应用以供发布。Xcode 打开后,请再次按照相同的步骤操作。

提交审核后,您需要再次等待审核流程。