通过nodejs

Question

我开发了一个安静的网络服务，使用下面的代码显示一个简单的数据。

    package com.mike;


import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
import org.springframework.web.bind.annotation.RestController;

@RestController
public class MessageController {

    @RequestMapping(value="/message",method=RequestMethod.GET)
    public Message print(){
        return new Message(1,"Hello Mike!!");
    }
}

并且bean如下....

package com.mike;

public class Message {

    private int id;
    private String message;

    public Message(int id, String message){
        this.id=id;
        this.message=message;
    }
    public int getId() {
        return id;
    }
    public void setId(int id) {
        this.id = id;
    }
    public String getMessage() {
        return message;
    }
    public void setMesssage(String message) {
        this.message = message;
    }


}

现在我想在Nodejs应用程序中显示这些数据，所以我编写了一个名为app.js的文件并编写了以下代码来在控制台中显示数据。它运行正常。但我不知道如何将此nodejs应用程序与reactjs UI集成，以便我可以在网页上显示。所以请帮助我，我是节点和反应的新手.app.js的代码如下......

var http=require('http');

var extServerOptions={
    host:'localhost',
    port:'8080',
    path:'/message',
    method:'GET'
};

var mes=[];
var x;
var text="";

function get(){
    http.request(extServerOptions,function (res){
        res.setEncoding('utf8');
        res.on('data',function(data){
            mes=JSON.parse(data);
            console.log(mes);
            for(x in mes){
                text+=mes[x]+" ";
            };
            console.log(text);
        });
        }).end();
    };
get();

请告诉我为了在反应页面中显示数据我需要做的步骤。