如何将事件数据和事件名称从 Spring Boot 发送到 Angular？答案

【问题标题】：How to send eventdata and event name from spring boot to angular?如何将事件数据和事件名称从 Spring Boot 发送到 Angular？
【发布时间】：2019-10-22 14:03:42
【问题描述】：

我正在使用 Angular 和 Spring Boot 开发聊天应用程序。我在 Angular 中使用 EventSource，在 Spring boot 中使用 ApplicationEventPublisher 接口。现在，我想将事件数据和事件名称从 Spring Boot 发送到 Angular，以便 eventSource.addListener("eventName", () => {}) 将根据事件名称捕获事件。请告诉我如何将事件数据和事件名称从 Spring Boot 发送到 Angular。我的 spring-boot 控制器：

@CrossOrigin("*")
@RestController
public class MessageController {

    @Autowired
    MessageService messageService;

    @Autowired
    ApplicationEventPublisher applicationEventPublisher;

    private static final Logger logger = LoggerFactory.getLogger(MessageController.class);

    @GetMapping(value = "/event/")
    public void getEvent(@RequestHeader(value = "Content-Type", defaultValue = "text/event-stream")) 
    {
        logger.info("AWSTranslateController:: getEvent() method /event");
        MessageEvent messageEvent = new MessageEvent (this, "receiver3", response);
        applicationEventPublisher.publishEvent(messageEvent );
    }
}

springboot MessageEvent POJO：

public class MessageEvent extends ApplicationEvent{
    private static final long serialVersionUID = 1L;
    private Object eventResponse;
    private String eventName;

    public MessageEvent(Object source, String eventName, Object eventResponse) {
        super(source);
        this.eventName = eventName;
       this.eventResponse = eventResponse;
    }

    public Object getEventResponse() {
        return eventResponse;
    }

    public String getEventName() {
        return eventName;
    }

}

【问题讨论】：

标签： java angular spring-boot events event-handling

【解决方案1】：

在角度方面创建一个监听服务，可能解决方案是使用WebSocket概念。一旦您的套接字端口准备好接收请求，您就可以使用消息 ping 事件。

An example with WebSocket and angular is here

【讨论】：