在鸿蒙开发中，我们如何实现服务端推送事件（SSE）？

Question

我们如何实现服务端推送事件（SSE）？

本文参与了 【 HarmonyOS NEXT 技术问答冲榜，等你来战！】欢迎正在阅读的你也加入。

Answer 1

服务端推送事件（Server-Sent Events，SSE）是一种允许服务器主动向客户端发送事件的技术。

@Entry
@Component
struct Index {
  @State eventMessage: string = '';

  connectSSE() {
    const eventSource = new EventSource('https://api.example.com/events');

    eventSource.onmessage = (event) => {
      this.eventMessage = event.data;
    };

    eventSource.onerror = (error) => {
      console.error('SSE error:', error);
      eventSource.close();
    };
  }

  build() {
    Column() {
      Text(this.eventMessage)
        .fontSize(30)
        .fontWeight(FontWeight.Bold)
      
      Button('Connect SSE')
        .onClick(() => {
          this.connectSSE();
        })
        .width('100%')
        .height(100)
    }
    .width('100%')
    .height('100%')
  }
}

connectSSE方法创建了一个EventSource实例，用于连接到服务器的SSE端点，并在接收到新事件时更新eventMessage状态。

参见：https://developer.huawei.com/consumer/cn/doc/harmonyos-guides...

本文参与了 【 HarmonyOS NEXT 技术问答冲榜，等你来战！】欢迎正在阅读的你也加入。