Vue-im一对一客服聊天系统


  1. 浏览网址https://www.cnblogs.com/polk6/p/vue-im.html,可以查看单人一对一聊天室vue在线客服系统,是一个一个基于Vue2.0的在线客服系统,项目包含了2个模块:客服端和访客端。
  2. 在linux中git clone https://github.com/polk6/vue-im克隆git地址文件到线上www根目录。
  3. 主要利用了node.js以及html和vue。
  4. 完成之后,cd进入vue-im目录,cd进入src目录,cd进入components目录,cd进入imClient目录,编辑imClient.vue文件,在第179行修改成自己的IP地址,http://58.87.86.3:3001
  5. 在src目录下cd进入store目录,编辑imServerStore.js文件,在383行同样修改成自己的IP地址,http://58.87.86.3:3001
  6. 在根目录vue-im下cd进入config目录编辑index.js文件,在16行把host修改成本地的“0.0.0.0”。
  7. 在宝塔服务器上开放3000,3001,以及8080三个端口号,用来开放通道。
  8. 在linux中在vue-im根目录下运行npm install命令进行install安装,完成后接着运行npm run dev命令,在弹出两条地址时,表示成功。
  9. 然后保存两条地址,在浏览器访问,记得把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是前台客户端。这样就实现客户和客服的一对一聊天服务。


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM