探秘Flutter JS Plugin：原生JavaScript引擎的强力助手

探秘Flutter JS Plugin：原生JavaScript引擎的强力助手

项目地址:https://gitcode.com/abner/flutter_js

Flutter JS Plugin是一个强大的开源工具，它允许你在Flutter应用中无缝地运行JavaScript代码。借助Dart FFI（Foreign Function Interface），这个插件在Android上利用小巧高效的QuickJS引擎，在iOS上则使用Apple的JavaScriptCore，实现了对移动设备和桌面平台（包括Windows、Linux和macOS）的全平台支持。

项目介绍

Flutter JS的最新版本不再仅限于返回字符串形式的评估结果，而是扩展了功能，如支持XMLHttpRequest（xhr）、Fetch API以及Promise对象。这使得你能够直接利用JavaScript库，如ajv（JSON Schema验证器）和moment（日期时间处理库），而无需依赖Platform Channels。

在iOS上，你可以通过设置javascriptRuntime.setInspectable(true)并传递源URL来调试JS代码，例如sourceUrl: 'script.js'。而在Android上，如果你想使用JavaScriptCore而非QuickJS，只需在调用getJavascriptRuntime时传入forceJavascriptCoreOnAndroid: true即可。

技术分析

Flutter JS的核心是其跨平台的JavaScript运行时——JavascriptRuntime。在iOS和macOS上，它基于Apple的JavaScriptCore；在Android、Windows和Linux上，则使用了Fabrice Bellard和Charlie Gordon开发的小巧且快速的QuickJS。对于开发者来说，这意味着可以方便地在各种平台上执行JavaScript代码，并与Dart进行交互。

此外，Flutter JS还提供了与JavaScript交互的统一API，使得在不同的JavaScript引擎之间切换变得简单，无需修改大量代码。

应用场景

• 表单验证：利用JavaScript的表达式和库，如ajv，实现复杂表单字段的验证逻辑。
• 规则引擎：执行从Web应用共享的规则引擎逻辑。
• 共享业务逻辑：如果你有Web和Flutter两个版本的应用，可以通过JavaScript将一些共享的业务逻辑引入到Flutter应用中。

项目特点

• 多平台支持：不仅覆盖Android和iOS，也包括Windows、Linux和macOS。
• 完整的API：提供xhr/fetch功能，支持Promise，使JavaScript代码能充分利用Dart的HTTP库。
• 灵活性：在iOS上可以选择使用JavaScriptCore以避免App Store审核问题。
• 小巧的APK尺寸：即使包含了JavaScript引擎，应用大小依然可控，不会大幅增加APK体积。
• 强大的示例：提供了包括ajv在内的实例代码，便于开发者快速上手。

要使用Flutter JS，只需在你的pubspec.yaml文件中添加依赖：

dependencies:
  flutter_js: 0.1.0+0

然后按照文档中的示例代码，轻松集成到你的Flutter应用中。

总的来说，Flutter JS Plugin为开发者带来了一个高效且灵活的解决方案，让JavaScript代码能在Flutter环境中无缝运行，极大地扩展了Flutter应用的功能边界。无论是移动还是桌面应用，都值得尝试这一强大工具。

项目地址:https://gitcode.com/abner/flutter_js