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