是否可以在 WebBrowser 中使用 JavaScript 使用文本/事件流？

Question

我们有一个 Rest 服务，它从一个 POST 端点返回一个 text/event-stream，其中包含一系列 JSON 对象。 （它是一个返回 kotlinx.coroutines.flow.Flow<SomeJSONObject> 的 Spring Boot / Kotlin RestController） 现在我们想在一个有角度的 WebApplication 中使用这个事件流，在每个对象到达时对其进行处理。不幸的是，我们不知道这是如何工作的。 我们尝试了一些显而易见的事情，例如：

this.http.post(url, request)

或

this.http.post(url, request).toPromise().then(value => ...

和

this.http.post(url, request).subscribe(value => ...

似乎浏览器甚至没有发出请求，也没有收到任何数据。 后端服务工作正常，我们可以通过调用端点来看到这一点，例如邮递员。

只要知道它在 JavaScript 中是如何工作的就足够了，然后它也可以在 Angular 中工作。

Answer 1

text/event-stream 是与服务器发送事件关联的 MIME 类型。您可以阅读有关它们的更多信息并查看一些代码示例here，并且有大量在线教程展示了如何将它们与 Angular 一起使用，例如 this one。

这是一个用纯 Javascript 处理服务器发送事件的简单示例 - yourSSEURL 是返回文本/事件流的 URL：

if(typeof(EventSource) !== "undefined") {
  var source = new EventSource("yourSSEURL");
  source.onmessage = function(event) {
    document.getElementById("result").innerHTML += event.data + "<br>";
  };
} else {
  document.getElementById("result").innerHTML = "Sorry, your browser does not support server-sent events...";
}