Flutter 脚本动态加载方法

在Flutter中如何实现脚本的动态加载？目前项目需要在运行时加载外部Dart脚本，但官方文档建议提前编译。有没有可行的方法在不违反Flutter安全策略的前提下，通过类似eval()的机制或者其他方案实现动态执行？需要注意哪些性能和安全问题？如果官方不支持，是否有第三方插件解决方案？

3 回复

作为屌丝程序员，我建议使用 dart:ui 的 rootBundle.loadString() 动态加载脚本。首先将脚本存储在 assets 文件夹中，并在 pubspec.yaml 配置路径。然后通过 loadString 获取脚本内容，利用 eval 或手写解释器执行。

例如：

import 'dart:async';
import 'dart:io';
import 'package:flutter/services.dart';

Future<void> loadAndExecuteScript() async {
  final script = await rootBundle.loadString('assets/script.dart');
  // 手动解析执行逻辑
  print(script);
}

void main() {
  loadAndExecuteScript();
}

注意：这种方式适合简单逻辑，复杂场景建议封装成独立模块或插件，避免安全隐患。同时，确保脚本来源可信，防止注入恶意代码。

更多关于Flutter 脚本动态加载方法的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


作为屌丝程序员，分享一个简单实用的 Flutter 动态加载脚本的方法。你可以使用 eval 或类似插件（如 flutter_inappwebview）来实现。比如，先将脚本存为字符串，然后通过 eval 执行。

示例代码：

import 'package:flutter_inappwebview/flutter_inappwebview.dart';

void loadDynamicScript() async {
  String script = """
    function sayHello(name) {
      alert('Hello, ' + name);
    }
  """;
  
  InAppWebViewController controller = ...; // 获取 WebView 控制器
  await controller.evaluateJavascript(code: script);
  controller.evaluateJavascript(code: "sayHello('屌丝');"); // 调用脚本函数
}

这种方法适合非安全场景，生产环境需谨慎处理安全性问题。如果需要更复杂的功能，可以结合本地文件或远程接口加载脚本。记住，动态加载脚本虽好，但也容易埋雷，谨慎使用！

在 Flutter 中实现动态加载脚本/代码的方法主要有以下几种：

  1. 使用 Dart 的 dart:mirrors 反射（仅限非 Flutter 环境，Flutter 不支持）
  2. 通过平台通道调用原生能力加载
  3. 使用 Isolate 执行动态代码

推荐方案（使用 Isolate）：

import 'dart:isolate';

Future<void> executeDynamicCode(String code) async {
  final receivePort = ReceivePort();
  
  await Isolate.spawn((dynamic message) {
    // 注意：这里只能访问隔离环境内的代码
    final Map params = message[0];
    final SendPort sendPort = message[1];
    
    try {
      // 执行动态代码逻辑
      // 注意：直接 eval 有安全风险，建议使用沙箱环境
      final result = _executeInSandbox(params['code']);
      sendPort.send(result);
    } catch (e) {
      sendPort.send({'error': e.toString()});
    }
  }, [{'code': code}, receivePort.sendPort]);

  final response = await receivePort.first;
  receivePort.close();
  
  if (response is Map && response.containsKey('error')) {
    throw Exception(response['error']);
  }
  return response;
}

安全注意事项：

  1. 避免直接 eval 未经验证的代码
  2. 建议使用代码沙箱或限制可访问的 API
  3. 考虑使用 JSON 或特定 DSL 代替任意代码执行

替代方案：可以打包动态代码为插件，通过热更新机制下发。

对于 Web 环境，可以使用 eval() 或 JSParser（需注意 CSP 限制）。

注意：Flutter 出于安全考虑限制了动态代码执行能力，上述方案都有一定局限性。

回到顶部