javascript - 如何创建与 JavaFx WebView 一起使用的 JavaScript 包装器？ JSNI 是一个选项吗？

Question

我想结合使用 JavaFx WebEngine 和 JavaScript 库 d3.js。我已经能够从 Java 中访问 JavaScript 库。如 [ 1 所示，使用 JSObjects 是可行的。 ]:

JSObject d3Object = (JSObject) webEngine.executeScript("d3");
JSObject chart= (JSObject) d3Object.call("select", ".chart");

如您所见，有一个通用方法“调用”，我必须将要调用的 JavaScript 方法的名称作为字符串传递。为了更舒适地使用 JavaScript 库 d3.js，我想为它提供一个 Java 包装器，例如

JSObject d3Object = (JSObject) webEngine.executeScript("d3");
D3Wrapper d3 = new D3Wrapper(d3Object);
Selection chart = d3.select(".chart");

创建此类 JavaScript 包装器的推荐方法是什么？我发现已经有一个针对 GWT 应用程序的 D3 包装器。 d3 对象的主要包装器位于此处:

https://github.com/gwtd3/gwt-d3/blob/master/gwt-d3-api/src/main/java/com/github/gwtd3/api/D3.java

它似乎是基于 JSNI [ 2 ] 一个示例方法定义是

public static final native Selection select(String selector)/*-{
    return $wnd.d3.select(selector);
}-*/;

当从 Java 中调用方法时，将执行注释中的 native 代码。我如何在我的 JavaFx 桌面应用程序中利用现有的包装器代码？我以前从未使用过 GWT，也不想运行额外的 Web 服务器。我真的需要深入了解 GWT 并在 JavaFx WebEngine 中运行完整的 GWT 应用程序(如果可能的话)吗？或者我能以某种方式只将 GWT 的 JSNI 部分与 JavaFx WebEngine 一起使用吗？

这里有一篇关于 GWT Debug模式的文章，看起来很复杂:http://www.quora.com/How-does-GWT-live-javascript-debugging-in-Eclipse-work-and-how-could-it-be-applied-to-Clojure 所以恐怕没有简单的方法可以将 WebEngine 插入这样的工作流程中？我真的需要手动重写“gwt-d3 已经提供”的每个包装类吗？如果 native JavaScript 代码由 Annotations 提供，我可以重用 gwt-d3 中的包装类并通过反射处理它们。

如果将 JSNI 与 JavaFx 结合没有任何意义，那么为 d3.js 编写自己的包装器的优雅方式是什么？是否有 Java 库可以帮助我编写 JavaScript 包装器？

Answer 1

事实证明，JSNI 不是(可行的)选项。我决定从 gwt-d3 的现有包装器代码开始，并通过搜索和替换操作对其进行转换……并进行一些手动微调。这样它就不再适用于 GWT，但适用于 JavaFx。我将为转换后的代码创建一个新的 GitHub 项目。

我的包装类继承自抽象基类 JavaScriptObject，它与 JavaFx WebEngine 对话并处理 JSObject 操作。可以在这里找到与 gwt-d3 作者的相关讨论:https://github.com/gwtd3/gwt-d3/issues/124

编辑

我刚刚创建了一个新的 GitHub 项目:

https://github.com/stefaneidelloth/javafx-d3

请随时加入并帮助修复剩余的错误。