Reactjs Twilio网络聊天频道侦听器

是否有任何侦听器检查Twilio聊天频道更新？我需要检查客户网络聊天中的聊天频道是否处于活动状态。根据状态，我将显示/隐藏一些组件。有时我需要使用RESTAPI停用聊天频道。如何在客户网络聊天面板中检测这些更改

---

客户端由ReactJS开发。提前感谢。

看起来有两种方法可以做到这一点：

1.使用Twilio webhooks：

您需要在聊天频道中注册webhook，以便收听事件，并告诉它将请求发送到哪个端点，然后您可以在服务器的restapi中处理该请求。这使您可以直接从Twilio将所有更新发送到服务器

或者

2.在javascript中使用ChannelListener :

//侦听发送到频道的新消息
myChannel.on（'messageAdded'，函数（message）{
日志（message.author，message.body）；
});

:

---

看起来有两种方法可以做到这一点：

1.使用Twilio webhooks：

您需要在聊天频道中注册webhook，以便收听事件，并告诉它将请求发送到哪个端点，然后您可以在服务器的restapi中处理该请求。这使您可以直接从Twilio将所有更新发送到服务器

或者

2.在javascript中使用ChannelListener :

//侦听发送到频道的新消息
myChannel.on（'messageAdded'，函数（message）{
日志（message.author，message.body）；
});

:

---

嗨@R10t--，我这边不行。你能告诉我FlexWebChat中是否有监听器可以检查频道状态吗。我在ChatListener中找到了

HandleChannel Updated

。但我不知道怎么用这个。你有什么想法吗？我看过flex，你应该能够做到：

Twilio.FlexWebChat.createWebChat（appConfig）。然后（webchat=>{const{manager}=webchat；manager.on（'channelUpdated'，function（channel）{console.log（'channel updates:'+channel.sid）；}）；

谢谢@R10t--，我正在使用FlexWebChat.MessagingCanvas.Content.add（）；如何向该组件添加侦听器？如何分离这些事件侦听器？您好@R10t-，它在我这边不起作用。您能建议我FlexWebChat中是否有任何侦听器可用于检查频道状态。我在ChatListener中找到了

HandleChannel Update

。但我不知道如何使用它。您有什么想法吗？我查看了flex，您知道了吗你可以这样做：

Twilio.FlexWebChat.createWebChat（appConfig）.then（webchat=>{const{manager}=webchat；manager.on（'channelUpdated'，function（channel）{console.log（'channel updates:'+channel.sid）；}）；

谢谢@R10t--，我正在使用FlexWebChat.MessagingCanvas.Content.add（）；如何向该组件添加侦听器？如何分离这些事件侦听器？

// A channel's attributes or metadata have changed.
chatClient.on('channelUpdated', function(channel) {
  console.log('Channel updates: ' + channel.sid);
});