將一堆舊的 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 年前）。