在 Web 浏览器上对 Java、ReactJs 代码进行服务器端渲染

Question

我需要做什么才能在浏览器上呈现它？下面的代码目前在 Eclipse 控制台上运行和呈现。我需要将此代码与 Tomcat 之类的服务器一起使用，并使用 localhost 在浏览器上显示它。请指教。

import javax.script.ScriptEngine;
import javax.script.ScriptEngineManager;
import java.io.FileReader;
public class Test {
    private ScriptEngine se;
    // Constructor, sets up React and the Component
    public Test() throws Throwable {
        ScriptEngineManager sem = new ScriptEngineManager();
        se = sem.getEngineByName("nashorn");
        // React depends on the "global" variable
        se.eval("var global = this");
        // eval react.js
        se.eval(new FileReader("../react-0.14.7/build/react.js"));
        // This would also be an external JS file
        String component =
            "var MyComponent = React.createClass({" +
            "   render: function() {" +
            "       return React.DOM.div(null, this.props.text)" +
            "   }" +
            "});";
        se.eval(component);
    }
    // Render the component, which can be called multiple times
    public void render(String text) throws Throwable {
        String render =
            "React.renderToString(React.createFactory(MyComponent)({" +
            // using JSONObject here would be cleaner obviously
            "   text: '" + text + "'" +
            "}))";
        System.out.println(se.eval(render));
    }
    public static void main(String... args) throws Throwable {
        Test test = new Test();
        test.render("I want to Display");
        test.render("This on a Browser like google chrome, using Tomcat server with Eclipse, currently it displays on Console in Eclipse.");
    }
}

Answer 1

有很多可能性。一种非常常用的方法是使用 REST 服务。您可以使用 JAX-RS 或 Spring REST 支持来托管 REST 服务。将您的网页作为一个简单的 html 页面。加载此页面后，它将进行 REST 调用，获取数据并将其显示给用户。

Answer 2

你可以使用 JSP 来做到这一点..

创建一个 JSP 页面。导入 Test 类。

您可以查看http://www.tutorialspoint.com/articles/run-your-first-jsp-program-in-apache-tomcat-server了解如何使用JSP。