将一堆旧的 Ionic Framework V2 应用程序迁移到新的 Flutter 应用程序

Question

我有一堆为 android 制作的旧 Ionic Framework V2 应用程序，现在我想将这些应用程序迁移到 Flutter 应用程序。 问题是我的 Ionic 应用程序使用了许多 JS 库，我不确定它们是否与 Flutter 兼容，因为它是基于 Dart 的。

但我读过 Dart 只是编译成 javascript。在保持这些 JS 库的使用的同时，将这些 Ionic 应用程序迁移到 Flutter 的最佳途径是什么。 我绝对无法重写这些库，因为它们是第 3 方。

将我的 Ionic 应用程序测试迁移到 Flutter 时，我应该查看哪些工具或功能？

Answer 1

概述

这将是一个相对复杂的工作。 这是我推荐的（首先是更好的选择），但这实际上取决于您的项目，为什么要迁移到 Flutter ？

选项

• 在 Flutter 中重写您的应用程序，并使用来自pub.dev的类似功能的依赖项。 您遇到 Flutter 是因为它提供的好处。 实现你的目标（重新使用旧的 JS 代码）并没有带来实际的 Flutter 好处。 Hot reload 和 DevTools 不会有用，你不在 Dart 写代码，你还有 NPM 和 Javascript/Typescript。
• 在您的 Flutter 应用程序中重新使用较旧的非 Dart 应用程序代码是您可以做的最复杂的事情，这里是一些高级选项，不一定会很容易地向您显示路径：
  • 使用flutter-js ：相对较新的库（它在 2020 年初有 3 个 GitHub 星，现在有 221 个），它可能不支持您需要的功能。 需要调查。 这样你就可以在你的 Android 应用程序中运行 JS 代码。 您可以只使用非 UI 代码，并在 Flutter 中实现其他所有内容。
  • 将 ionic 应用程序嵌入到您的 Flutter 应用程序中。 不确定这是否可行，但需要大量研究。 例如，是否可以在 flutter 应用程序中嵌入离子应用程序？
  • 将 ionic 应用程序和 Flutter 应用程序嵌入到 Android 项目中：使用 Flutter 的“添加到应用程序”功能。 在 Android、ionic 和 Flutter 之间发送数据非常复杂。

结论

在不了解您的应用程序或目标的太多细节的情况下，我会选择#1。 较大的应用程序可能会发现嵌入原始 Ionic 应用程序的成本比最初重写的成本低，并且可以逐渐迁移。 但是，我要警告的是，Ionic 的 Flutter 区域没有得到很好的探索，因此您可能会遇到困难。

从原生 Android 应用程序迁移到 Flutter 比 Ionic 应用程序迁移到 Flutter 更容易，因为您可以将 Flutter 嵌入应用程序的不同部分。 此外，本地 Android 开发人员可能比 Ionic 开发人员更了解 Android，这是做这样奇怪/不寻常的事情的一大优势。

PS： Marian 的回答有点错误：您希望代码在Android上运行，而不是在浏览器中运行。 答案没有解决将 Dart 代码编译为 JS 后无法在 Android 上运行的问题。

Answer 2

Dart 允许具有 Javascript 互操作，可用于调用 JS 库。 可以在官方文档中找到有关 JS 互操作的更多信息。

默认情况下，您负责自己编写互操作，而package:js package 只为您提供工具，例如注释和函数。

有一个名为js_facade_gen的工具，它似乎能够从任何库生成 Dart-JS 互操作代码。 例如， chartjs库声称是使用此工具生成的，尽管该工具似乎不再维护（最后一次更新是 2 年前）。