如何在 Flutter Web 应用中使用 NodeJS 包

Posted

技术标签:

【中文标题】如何在 Flutter Web 应用中使用 NodeJS 包【英文标题】:How to use NodeJS package in Flutter web app 【发布时间】:2021-05-21 06:19:03 【问题描述】:

我有一个需要能够创建虚拟 MIDI 设备的 Flutter Web 应用。为此,唯一的选择似乎是使用easymidi NodeJS package。将 NodeJS 脚本连接到 Flutter 应用的最佳方式是什么?

【问题讨论】:

【参考方案1】:

您可以从 Flutter Web 连接到 javascript。最好的方法是使用dart:js 库。

将您的自定义 js 文件添加到 web 目录并确保它已加载

<head>
    <script src="your.js" defer></script>
</head>

例如

function info(text) 
    alert(text)

从飞镖调用:

import 'dart:js' as js;

js.context.callMethod('info', ['Hello!']);

【讨论】:

以上是关于如何在 Flutter Web 应用中使用 NodeJS 包的主要内容,如果未能解决你的问题,请参考以下文章

如何检测我的 Flutter 应用程序是不是在 Web 中运行?

Flutter:在 web 、android 和 ios 中使用相同的应用程序

如何将 Flutter Web 应用程序嵌入网站并通过网站将数据发送到 Flutter Web 应用程序

Flutter Web - 如何在桌面上的 Chrome 中测试 Flutter Web 应用程序打开?

将 Flutter 应用迁移到 Flutter Web 时如何显示图像资产?

只有在 Flutter 应用程序上使用 Web 时,如何才能禁用某些功能?