乐趣区

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

在线聊天技术选型

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

前端框架 vue3

打包工具 vite

机器人打招呼

  1. 刚开始的时候,首先显示客户机器人打招呼,先不显示人工,当机器人如果回复没有解决问题的时候,用户再转人工。
  2. 当用户发送音讯给机器人的时候,机器人能够依据用户发来的音讯,在数据里边查找是否存在对应的回复,而后触发 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 多平台公布

退出移动版