【问题标题】:http custom progress feedback to clienthttp自定义进度反馈给客户端
【发布时间】:2017-02-08 14:03:19
【问题描述】:

我有一个 http 服务器,它根据客户端请求在后台运行某个任务,这可能需要一些时间才能将结果返回给客户端。

有没有办法用特定后台任务的进度信息更新客户端?

有XMLHttpRequest的进度处理程序,但如果我理解正确,它只用于数据传输进度。

在我的应用程序中,流程示例如下:

  1. 客户端发送 GET 请求。
  2. 服务器执行可能需要时间的事情。如何更新客户端事情的进展?
  3. 服务器向客户端返回响应。根据数据大小,也可能需要时间。此处可以使用 XMLHttpRequest 进度事件。

这是 http 规范的一部分吗?还是我需要别的东西(websocket..?)

谢谢!

【问题讨论】:

    标签: javascript http server xmlhttprequest


    【解决方案1】:

    您应该考虑使用server-sent events。这里有一些地方可以了解更多信息:

    服务器发送的事件是natively supported in Chrome, Opera, Firefox, and Safari,还有polyfills you can use to make server-sent events work in Edge/IE,甚至还有jQuery plugin

    这是一些客户端代码的一个非常简单的示例:

    var source = new EventSource("/server-side-app-that-gives-progress-updates")
    source.onmessage = function(e) {
      console.log(e.data);
    }
    

    在服务器端,您的 /server-side-app-that-gives-progress-updates 应用程序只会发回格式如下的纯文本数据:

    data: some data\n
    data: more data\n\n
    

    它通过发送带有Content-Type: text/event-stream 标头的响应来开始流式传输。上面的客户端代码会将其视为带有“some data\more data”的单个 e.data 消息。

    当服务器应用有更新时,它只是将另一条该形式的消息写入响应。

    如果您想以一系列 JSON 消息的形式发送更新,您的服务器应用会写道:

    data: {"foo": "bar", "hoge": "moge"}\n\n
    

    然后您的客户端代码可以这样做:

    source.onmessage = function(e) {
      var jsonObject = JSON.parse(e.data);
      console.log(jsonObject.foo);
    }
    

    当然,您可以在上面提到的地方了解更多内容。但简而言之就是这样。


    我有一个 http 服务器,它根据客户端的请求运行某个任务 在返回之前可能需要一些时间的背景 结果给客户。

    这是服务器发送事件设计的关键用例之一。

    有没有办法用进度信息更新客户端 具体的后台任务?

    是的,您可以使用服务器发送的事件来做到这一点。

    XMLHttpRequest 的进度处理程序,但如果我理解 正确的,它仅用于数据传输进度。

    没错。 XHR 在响应之前无法获取服务器上发生的任何事情的进度信息。

    在我的应用程序中,流程示例如下:

    这是 http 规范的一部分吗?

    它不是 HTTP 规范的一部分(尽管 HTTP/2 有一些相关的功能)。

    或者我需要别的东西(websocket..?)

    你不需要 WebSockets。 WebSocket 非常适合您需要在客户端和服务器之间进行真正的双向全双工通信的情况,例如实时聊天应用程序。

    但是问题中描述的用例是一个只需要从服务器到客户端的单向更新更新通信的用例。这正是服务器发送事件的用途。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2017-01-19
      • 2022-08-18
      • 2020-02-25
      • 1970-01-01
      • 1970-01-01
      • 2019-01-27
      相关资源
      最近更新 更多