- 浏览网址https://www.cnblogs.com/polk6/p/vue-im.html,可以查看单人一对一聊天室vue在线客服系统,是一个一个基于Vue2.0的在线客服系统,项目包含了2个模块:客服端和访客端。
- 在linux中git clone https://github.com/polk6/vue-im克隆git地址文件到线上www根目录。
- 主要利用了node.js以及html和vue。
- 完成之后,cd进入vue-im目录,cd进入src目录,cd进入components目录,cd进入imClient目录,编辑imClient.vue文件,在第179行修改成自己的IP地址,http://58.87.86.3:3001。
- 在src目录下cd进入store目录,编辑imServerStore.js文件,在383行同样修改成自己的IP地址,http://58.87.86.3:3001。
- 在根目录vue-im下cd进入config目录编辑index.js文件,在16行把host修改成本地的“0.0.0.0”。
- 在宝塔服务器上开放3000,3001,以及8080三个端口号,用来开放通道。
- 在linux中在vue-im根目录下运行npm install命令进行install安装,完成后接着运行npm run dev命令,在弹出两条地址时,表示成功。
- 然后保存两条地址,在浏览器访问,记得把localhost换成自己的IP地址。当出现以下界面时,
表示成功访问到vue线上一对一聊天室。点击转接客服,连接到客服小P,可以进行对话。
如果没有显示出客服小P,就是没有在build目录下启动node服务。在build目录下运行node webpack.dev.conf.js命令,然后重启宝塔nginx服务。再访问http://58.87.86.3:8080/#/imServer,和http://58.87.86.3:8080/#/imclient,而imServer是后台客服端,imclient是前台客户端。这样就实现客户和客服的一对一聊天服务。