如何使用twilio在聊天程序中的消息中附加姓名？

Question

我正在使用twilio api创建一个聊天Web应用程序。目前正在显示我的聊天记录，并且用户可以发送消息，但是我想显示当前正在发送消息的用户。

以下是我对twilio的http帖子请求

 viewMessages():Observable<any>{
 return 
 this.http.get("https://chat.twilio.com/v2/Services/"+
 this.serviceId+"/Channels/"+this.myChannelId+
"/Messages",this.httpOpt).pipe(map(data=>data));
}

以下是类型脚本功能

  name=localStorage.getItem('name');
  allMessages=[];
  totalMessages:number;
  //View all messages
  viewMessage(){
  console.log(this.name);
   this.chatBox.viewMessages().subscribe(res=>{
    this.allMessages=res.messages
  },
 err=>{
  console.log(err);
    })

}

然后我通过插值显示姓名。

Answer 1

您可以循环循环messages数组并为其添加名称。

this.allMessages.forEach((message, index)=>{
    return this.allMessages[index] = `${this.name}: ${message}`;
});

console.log(this.allMessages);