- 瀏覽網址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是前台客戶端。這樣就實現客戶和客服的一對一聊天服務。