后端服务器上必须做什么,客户端上必须做什么

时间:2019-06-20 01:52:46

标签: javascript reactjs browser architecture

我有情况,

我需要使用浏览器的本地js在客户端计算机上下载一些数据(例如X gigs(大量数据))。然后,我需要在客户端上运行大量计算任务(像tensorFlow这样的计算),最后将结果显示给实际使用。

我需要了解诸如如何构造这种要求之类的东西,我是UI工程师,我从没做过这样的事情。

如果有人建议第二件事结束,那将挽救我的生命。

谢谢。

1 个答案:

答案 0 :(得分:0)

有几种方法可以在客户端和服务器之间进行通信。

1

第一个是从等待响应的客户端发送xhr请求的更传统的方式。

在服务器上:

app.post('/path', (req, res) => {
    const json = req.body;
    //do work
    const resp = {some: 'data'};
    res.json(resp);
}

在前端

fetch('/path', {
  method: 'post',
  body: JSON.stringify(data),
  headers: { 'Content-type': 'application/json' }
})
.then(res => res.json()) // get json data out of response object
.then(json = > {
    // do something with response json
}

2

第二种方法使用称为Socket.IO的程序包通过websockets进行通信。客户端和服务器都可以使用以下简单模式发送和侦听特定事件。

socket.emit('event_name', optional_json);
socket.on('event_name', res => useResponse(res));

您可以查看以下资源以了解客户端与服务器之间进行通信的以下方法: