如何将 Ionic Appflow 与 Quasar + Capacitor 项目结合使用？

Question

我正在使用 quasar 框架 (https://quasar.dev/) 来构建混合应用程序。我有兴趣尝试 ionic appflow 进行实时更新。

但是，这要求该项目是一个离子项目（例如，如果我运行

$ ionic link

，它会给出我的项目不是离子项目的错误）。

那么我怎样才能使我的 quasar 项目也成为 ionic 项目，或者还有其他方法来使用 appflow 吗？

Answer 1

要传递该错误，您必须先运行

ionic init

，然后在询问框架时选择“自定义”。然后你就可以毫无问题地运行

ionic link

。

然后，由于 quasar 有一个“奇怪”的项目结构，你必须告诉 appflow 更多关于它的信息。因此，您必须创建一个包含以下内容的

appflow.config.json

文件：

{
    "apps":
    [
        {
            "appId": "yourAppflowAppId",
            "root": "src-capacitor",
            "dependencyInstallCommand": "cd .. && npm install",
            "webBuildCommand": "cd .. && npx quasar build -m capacitor -T ios --skip-pkg && npx quasar build -m capacitor -T android --skip-pkg"
        }
    ]
}

注意：如果您使用yarn或其他包管理器，请将

npm install

替换为适合您的包管理器的安装命令。

注 2：如果您只想进行实时更新的 Web 构建，您可以修改

webBuildCommand

脚本以仅运行 iOS 或 Android 构建而不是两者，或者如果您只针对 iOS 或 Android 进行开发，请删除您的平台不支持。如果您支持两者并计划在应用程序流中进行本机构建，则保留两者。