前端和后端之间的实时交互

Question

我正忙着做一个控制器网站，在那里我打开和关闭继电器。我的切换有一个时间表，这样它就可以在没有人与人交互的情况下激活。我的问题是，如果调度程序激活了交换机，我如何在HTML前端进行实时更新，以显示用户切换是活动的，而不需要刷新页面？

我有一个基本的spring引导应用程序，包括tomcat angularjs和thymeleaf。

Answer 1

我会考虑使用为巴伦顿描述的SSE (SentEvents)。

@GetMapping(path = "/stream-flux", produces = MediaType.TEXT_EVENT_STREAM_VALUE)
public Flux<String> streamFlux() {
    return Flux.interval(Duration.ofSeconds(1))
      .map(sequence -> "Flux - " + LocalTime.now().toString());
}

PS:也有适合这种需求的websocket技术，但它不支持HTTP 2，SSE更适合这样的单向更新。