具有安卓风格的离子电容器答案

【问题标题】：Ionic Capacitor with Android flavor具有安卓风格的离子电容器
【发布时间】：2020-06-11 09:35:30
【问题描述】：

我对 Ionic 真的很陌生，我正在尝试使用 Capacitor 编写一个插件来与本机 android 层对话。但现在我找不到任何可以处理 Android 风格的东西。

有什么东西可以帮助 Capacitor 以正确的口味构建。或者，也许我只是得到了错误的想法，请指出我正确的方向。谢谢

【问题讨论】：

你所说的android风味是什么意思？

标签： android ionic-framework capacitor

【解决方案1】：

Ionic 的工作方式是将整个构建过程委托给相关的设备构建器、XCode for iOS 或 Android Studio。因此，为了为 Android 构建独特的风格，您可以使用 Android Studio 的解决方案。

风格设置在文件android/app/build.gradle¹

android {
...
    defaultConfig {
...
        flavorDimensions "default"
        productFlavors {
            demo {
                versionName "0.0.1-demo"
            }
            full{

            }
        }
    }
}

然后你可以在控制台上构建你的项目

./android/gradlew -p android :app:assemble$FLAVOUR$TYPE

或来自 Android Studio GUI Build -> Select build variant²

无论如何，我一直无法使用这种方法注入 JS 代码。为了模拟这种行为，可能最好使用 Webpack。

如果您使用的是 Angular CLI，一个简单的解决方案是为每种风格使用不同的 angular.projects.app.architect.build.configurations

"architect":
{
  "build":
  {
    "configurations" :
    {    
      "demo":
      {
         "fileReplacements": [{
            "replace": "src/ui/menu.ts",
             "with": "src/ui/menu.demo.ts"
          }]
       }
    }
  }
}

然后为 Android 构建：

ionic capacitor build android --configuration="${FLAVOUR}" --release

¹https://developer.android.com/studio/build/build-variants
²https://www.youtube.com/watch?v=SWnkWHF2lFQ

【讨论】：

您也可以在项目目录中运行./gradlew assembleDemoRelease（例如）以构建构建类型为“release”的“demo”风格。