关于前端:开发一个在线聊天

38次阅读

共计 464 个字符，预计需要花费 2 分钟才能阅读完成。

在线聊天因为波及到相互通信，所以采纳 socket.io

前端框架 vue3

打包工具 vite

刚开始的时候，首先显示客户机器人打招呼，先不显示人工，当机器人如果回复没有解决问题的时候，用户再转人工。

当用户发送音讯给机器人的时候，机器人能够依据用户发来的音讯，在数据里边查找是否存在对应的回复，而后触发 emit

// 发送信息给机器人
  socket.on("sendToRobot", (data) => {
 let welCome = robotReply.filter((x) => x.Answer.indexOf(data.Content) !== -1
 );
 socket.emit("reviceFromRobot", {
   content:
     welCome.length > 0
       ? welCome[0]
       : "十分对不起哦，不晓得怎么答复这个问题呢，我会努力学习的。",
   flag: welCome.length > 0 ? true : false,
 });
 socket.emit("changOrShowMsg", data);
  });

本文由 mdnice 多平台公布

正文完