Java使用Nashorn，調用Promise實現服務端渲染

SimonMa 發布于2019-08-15 13:46 / 2854人閱讀

摘要：未來的主要發布基于。在中調用函數支持從代碼中直接調用定義在腳本文件中的函數。內置了方法，提調用函數并返回結果。當向方法傳遞新的時，我們會在控制臺看到預期的結果實戰通過使用實現服務端渲染。工具類實例化工具類，通過該類操作對象。

Nashorn JavaScript引擎是Java SE 8 的一部分，并且和其它獨立的引擎例如 Google V8（用于Google Chrome和Node.js的引擎）互相競爭。Nashorn通過在JVM上，以原生方式運行動態的JavaScript代碼來擴展Java的功能。

使用Nashorn

Java代碼中簡單的HelloWorld如下所示：

ScriptEngine engine = new ScriptEngineManager().getEngineByName("nashorn");
engine.eval("print("Hello World!");");

為了在Java中執行JavaScript，你首先要通過javax.script包創建腳本引擎。
JavaScript代碼既可以通過傳遞JavaScript代碼字符串，也可以傳遞指向你的JS腳本文件的FileReader來執行：

ScriptEngine engine = new ScriptEngineManager().getEngineByName("nashorn");
engine.eval(new FileReader("script.js"));

Nashorn JavaScript基于 ECMAScript 5.1，但是它的后續版本會對ES6提供支持：

Nashorn的當前策略遵循ECMAScript規范。當我們在JDK8中發布它時，它將基于ECMAScript 5.1。Nashorn未來的主要發布基于ECMAScript 6。

在Java中調用JavaScript函數

Nashorn 支持從Java代碼中直接調用定義在腳本文件中的JavaScript函數。你可以將Java對象傳遞為函數參數，并且從函數返回數據來調用Java方法。

var fun1 = function(name) {
    print("Hi there from Javascript, " + name);
    return "greetings from javascript";
};

var fun2 = function (object) {
    print("JS Class Definition: " + Object.prototype.toString.call(object));
};

ScriptEngine內置了invokeFunction方法，提調用javascript函數并返回結果。

ScriptEngine engine = new ScriptEngineManager().getEngineByName("nashorn");
engine.eval(new FileReader("script.js"));

Object result = invocable.invokeFunction("fun1", "Peter Parker");
System.out.println(result);
System.out.println(result.getClass());

// Hi there from Javascript, Peter Parker
// greetings from javascript
// class java.lang.String

在JavaScript中調用Java方法

在JavaScript中調用Java方法十分容易。我們首先需要定義一個Java靜態方法。

static String fun1(String name) {
    System.out.format("Hi there from Java, %s", name);
    return "greetings from java";
}

Java類可以通過Java.typeAPI擴展在JavaScript中引用。它就和Java代碼中的import類似。只要定義了Java類型，我們就可以自然地調用靜態方法fun1()，然后像sout打印信息。由于方法是靜態的，我們不需要首先創建實例。

var MyJavaClass = Java.type("my.package.MyJavaClass");

var result = MyJavaClass.fun1("John Doe");
print(result);

// Hi there from Java, John Doe
// greetings from java

在使用JavaScript原生類型調用Java方法時，Nashorn 如何處理類型轉換？讓我們通過簡單的例子來弄清楚。
下面的Java方法簡單打印了方法參數的實際類型：

static void fun2(Object object) {
    System.out.println(object.getClass());
}

為了理解背后如何處理類型轉換，我們使用不同的JavaScript類型來調用這個方法：

MyJavaClass.fun2(123);
// class java.lang.Integer

MyJavaClass.fun2(49.99);
// class java.lang.Double

MyJavaClass.fun2(true);
// class java.lang.Boolean

MyJavaClass.fun2("hi there")
// class java.lang.String

MyJavaClass.fun2(new Number(23));
// class jdk.nashorn.internal.objects.NativeNumber

MyJavaClass.fun2(new Date());
// class jdk.nashorn.internal.objects.NativeDate

MyJavaClass.fun2(new RegExp());
// class jdk.nashorn.internal.objects.NativeRegExp

MyJavaClass.fun2({foo: "bar"});
// class jdk.nashorn.internal.scripts.JO4

JavaScript原始類型轉換為合適的Java包裝類，而JavaScript原生對象會使用內部的適配器類來表示。要記住jdk.nashorn.internal中的類可能會有所變化，所以不應該在客戶端面向這些類來編程。

ScriptObjectMirror

在向Java傳遞原生JavaScript對象時，你可以使用ScriptObjectMirror類，它實際上是底層JavaScript對象的Java表示。ScriptObjectMirror實現了Map接口，位于jdk.nashorn.api中。這個包中的類可以用于客戶端代碼。

下面的例子將參數類型從Object改為ScriptObjectMirror，所以我們可以從傳入的JavaScript對象中獲得一些信息。

static void fun3(ScriptObjectMirror mirror) {
    System.out.println(mirror.getClassName() + ": " +
        Arrays.toString(mirror.getOwnKeys(true)));
}

當向這個方法傳遞對象（哈希表）時，在Java端可以訪問其屬性：

MyJavaClass.fun3({
    foo: "bar",
    bar: "foo"
});

// Object: [foo, bar]

我們也可以在Java中調用JavaScript的成員函數。讓我們首先定義JavaScript Person類型，帶有屬性firstName 和 lastName，以及方法getFullName。

function Person(firstName, lastName) {
    this.firstName = firstName;
    this.lastName = lastName;
    this.getFullName = function() {
        return this.firstName + " " + this.lastName;
    }
}

JavaScript方法getFullName可以通過callMember()在ScriptObjectMirror上調用。

static void fun4(ScriptObjectMirror person) {
    System.out.println("Full Name is: " + person.callMember("getFullName"));
}

當向Java方法傳遞新的Person時，我們會在控制臺看到預期的結果：

var person1 = new Person("Peter", "Parker");
MyJavaClass.fun4(person1);

// Full Name is: Peter Parker

實戰

通過使用promise實現服務端渲染。

polyfill

由于當前Nashorn基于es5，不支持部分es6對象，我們需要引入polyfill文件，nashorn-polyfill。
該polyfill通過java與JavaScript的結合使用，使Nashorn支持console, process, Blob, Promise等對象和setTimeout, clearTimeout, setInterval, clearInterval等函數。

Nashorn工具類

實例化工具類，通過該類操作Javascript對象。

public class NashornHelper {

    /**
     * 用于本類的日志
     */
    private static final Logger       logger                       = LoggerFactory.getLogger(NashornHelper.class);

    private static final String       JAVASCRIPT_DIR               = "static"; // js文件目錄

    private static final String       LIB_DIR                      = JAVASCRIPT_DIR + File.separator + "lib";

    private static final String[]     VENDOR_FILE_NAME             = {"vendor.js"}; // webpack打包的三方庫，如react，lodash

    private static final String       SRC_DIR                      = JAVASCRIPT_DIR + File.separator + "src"; // 文件目錄

    private static final String       POLYFILL_FILE_NAME           = "nashorn-polyfill.js";

    private final NashornScriptEngine engine;

    private static NashornHelper      nashornHelper;

    private static ScriptContext            sc                        = new SimpleScriptContext();

    private static ScheduledExecutorService globalScheduledThreadPool = Executors.newScheduledThreadPool(20);

    // 單例模式
    public static synchronized NashornHelper getInstance() {
        if (nashornHelper == null) {
            long start = System.currentTimeMillis();
            nashornHelper = new NashornHelper();
            long end = System.currentTimeMillis();
            logger.error("init nashornHelper cost time {}ms", (end - start));
        }
        return nashornHelper;
    }

    private NashornHelper(){
        long start = System.currentTimeMillis();
        engine = (NashornScriptEngine) new ScriptEngineManager().getEngineByName("nashorn");
        Bindings bindings = new SimpleBindings();
        bindings.put("logger", logger); // 向nashorn引擎注入logger對象
        sc.setBindings(engine.createBindings(), ScriptContext.ENGINE_SCOPE);
        sc.getBindings(ScriptContext.ENGINE_SCOPE).putAll(bindings);
        sc.setAttribute("__IS_SSR__", true, ScriptContext.ENGINE_SCOPE);
        sc.setAttribute("__NASHORN_POLYFILL_TIMER__", globalScheduledThreadPool, ScriptContext.ENGINE_SCOPE);
        engine.setBindings(sc.getBindings(ScriptContext.ENGINE_SCOPE), ScriptContext.ENGINE_SCOPE);

        long end = System.currentTimeMillis();
        logger.info("init nashornHelper cost time {}ms", (end - start));

        try {  // 執行js文件
            engine.eval(read(LIB_DIR + File.separator + POLYFILL_FILE_NAME));
            for (String fileName : NashornHelper.VENDOR_FILE_NAME) {
                engine.eval(read(SRC_DIR + File.separator + fileName));
            }
            engine.eval(read(SRC_DIR + File.separator + "app.js"));
        } catch (ScriptException e) {
            logger.error("load javascript failed.", e);
        }
    }
    // 獲取Nashorn作用域下的對象
    public ScriptObjectMirror getGlobalGlobalMirrorObject(String objectName) {
        return (ScriptObjectMirror) engine.getBindings(ScriptContext.ENGINE_SCOPE).get(objectName);
    }
    // 調用全局方法
    public Object callRender(String methodName, Object... input) {
        try {
            return engine.invokeFunction(methodName, input);
        } catch (ScriptException e) {
            logger.error("run javascript failed.", e);
            return null;
        } catch (NoSuchMethodException e) {
            logger.error("no such method.", e);
            return null;
        }
    }
    // 讀取文件
    private Reader read(String path) {
        InputStream in = getClass().getClassLoader().getResourceAsStream(path);
        return new InputStreamReader(in);
    }

實例化工具類

NashornHelper engine = NashornHelper.getInstance();

執行調用javasript，java中獲取promise對象

ScriptObjectMirror promise = (ScriptObjectMirror) engine.callRender("ssr_render");

執行promise的then方法，等待執行完成并回調

    promise.callMember("then", fnResolve);
    ScriptObjectMirror nashornEventLoop = engine.getGlobalGlobalMirrorObject("nashornEventLoop");

    nashornEventLoop.callMember("process"); // 執行nashornEventLoops.process()使主線程執行回調函數
    int i = 0;
    int jsWaitTimeout = 1000 * 60;
    int interval = 200; // 等待時間間隔
    int totalWaitTime = 0; // 實際等待時間
    while (!promiseResolved && totalWaitTime < jsWaitTimeout) {
        nashornEventLoop.callMember("process");
        try {
            Thread.sleep(interval);
        } catch (InterruptedException e) {
        }
        totalWaitTime = totalWaitTime + interval;
        if (interval < 500) interval = interval * 2;
        i = i + 1;
    }

回調函數

  private Consumer

国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

上云采購季！| 2核2G4M爆款云服務器低至59元/年，更有多臺、長期優惠，快來選購！

Java使用Nashorn，調用Promise實現服務端渲染

相關文章

Java使用Nashorn，調用Promise實現服務端渲染

**[譯] Java 8 Nashorn 教程**

[譯] 在 Nashron 中使用 Backbone.js

[譯] 在 Nashron 中使用 Backbone.js

Java9模塊化學習筆記一之快速入門

發表評論

0條評論

SimonMa

男|高級講師

TA的文章

anaconda如何安裝tensorflow

4G低功耗LTE無線模塊

一個老程序員在上海的創業記錄感悟

網站用什么主機-網站服務器的電腦跟家用電腦有什么區別？

前端雜談: CSS 權重 (Specificity)

理解Event冒泡模型

002-DOM事件實例-實現一個可以拖拽的登陸窗口

js事件冒泡和事件捕獲

最新活動