如何使用 Cordova 从现有的 Angular Web 应用程序制作 Android 应用程序？答案

【问题标题】：How to make Android App from existing Angular web app using Cordova?如何使用 Cordova 从现有的 Angular Web 应用程序制作 Android 应用程序？
【发布时间】：2019-08-21 10:55:35
【问题描述】：

我有一个 Angular 项目 Web 应用程序，在我使用“ng build ...”命令构建它之后，它在 Apache Web 服务器中成功运行。现在，我想让它成为 Android 应用程序，为此，我尝试使用 Cordova。首先我创建了一个 Cordova 项目，然后在 www 目录下，我放置了来自 NG 的 dist 文件。是的，在此之前我也使用了 Cordova 平台添加了 android。但是，当我在模拟器或真实设备上安装 apk 时，它显示为空白。

我用谷歌搜索了很多链接，但没有一个对我有用。也许我做错了。请指导我。

【问题讨论】：

您是否尝试连接远程调试器（对于 android，它是 chrome）？控制台是否打印错误？ javascript 文件是否已加载（网络选项卡）？
不，我没有尝试连接远程调试器。请指导我如何使用cordova制作这个应用程序，你有任何可以按照步骤操作的链接>
Bahri Can Karakoyun 在下方提供了一个有用的链接。将那里采取的步骤与您执行的步骤进行比较。如果您已经完全按照帖子所述进行了操作，那么您需要调试您的应用程序并查看它在哪里失败。这可以通过使用这里描述的远程调试器来完成：geeklearning.io/apache-cordova-and-remote-debugging-on-android
@pascalpuetz & Bahri Can Karakoyun，来自您的参考资料以及此链接medium.com/@nacojohn/… 我试过了。现在，我面临着 blustack 和真正的 android 设备上的以下问题：“应用程序错误 - 与服务器的连接不成功。(file:///android_asset/www/index.html)”

标签： android angular cordova hybrid-mobile-app

【解决方案1】：

您需要更改 dist 文件夹中的基本 url，我不建议使用 cordova 进行 angular。您可以为移动应用程序选择 Nativescript，它是本机的。因为 Cordova 插件与 Angular 不太兼容。

【讨论】：

所以你建议他在他已经有一个现有的代码库并且混合完全适合他的情况时重写他的所有 UI？这个“建议”并没有真正的帮助。 Cordova 确实可以很好地使用 angular（请参阅 Ionic 框架）。这更像是为正确的工作选择正确的工具。
我不建议在这个项目中使用 Cordova。 Nativescript 适用于原生库。我回复答案。我使用 Cordova 和 Ionic 3 年，但 Nativescript 比 Cordova 好。
我不是说重写。
如果你从“vanilla”angular切换到nativescript，你必须重写UI。
兄弟，我不是说将您的项目 Cordova 切换到 Nativescript。我只是说你可以使用 Nativescript，我不是说用 nativescript 重写这个项目，或者你必须使用 nativescript。我只是为其他项目提供建议。这个建议可能是错误的，也可能是正确的。它是开放的讨论，但我再说一遍，我不是说用 Nativescript 重写这个项目。顺便说一下，我为这个问题提供了一个解决方案。