資源簡介
基于WebSocket實現(xiàn)的vue websocket聊天，支持一對一聊天，功能包含登錄頁面、對話界面、好友列表、上下線提醒等。
websocket服務(wù)采用的國內(nèi)知名的第三方websocket框架【GoEasy】實現(xiàn)。
源代碼精煉，層次清晰，非常適合有學(xué)習(xí)、開發(fā)websocket聊天軟件的開發(fā)者。
運行步驟:
1、獲取GoEasy Appkey
先到GoEasy官網(wǎng)（https://www.goeasy.io）注冊一個賬號，登錄后，創(chuàng)建一個應(yīng)用，就能得到您的appkey。
2、配置您的appkey
在imservice.js，將appkey替換為您自己的common key
3、項目構(gòu)建
npm install
4、運行
npm run serve
websocket服務(wù)采用的國內(nèi)知名的第三方websocket框架【GoEasy】實現(xiàn)。
源代碼精煉，層次清晰，非常適合有學(xué)習(xí)、開發(fā)websocket聊天軟件的開發(fā)者。
運行步驟:
1、獲取GoEasy Appkey
先到GoEasy官網(wǎng)（https://www.goeasy.io）注冊一個賬號，登錄后，創(chuàng)建一個應(yīng)用，就能得到您的appkey。
2、配置您的appkey
在imservice.js，將appkey替換為您自己的common key
3、項目構(gòu)建
npm install
4、運行
npm run serve
代碼片段和文件信息
?屬性????????????大小?????日期????時間???名稱
-----------?---------??----------?-----??----
?????文件??????????73??2020-05-12?20:31??babel.config.js
?????文件???????81435??2020-05-12?20:31??GoEasyDemo-Vue-IM-Chat-gif.gif
?????文件?????????911??2020-05-12?20:31??package.json
?????目錄???????????0??2020-05-12?20:31??public\
?????文件????????4286??2020-05-12?20:31??public\favicon.ico
?????目錄???????????0??2020-05-12?20:31??public\images\
?????文件?????????222??2020-05-12?20:31??public\images\Arrow-Left.png
?????文件????????3609??2020-05-12?20:31??public\images\Avatar-1.png
?????文件????????3611??2020-05-12?20:31??public\images\Avatar-2.png
?????文件????????3485??2020-05-12?20:31??public\images\Avatar-3.png
?????文件????????3546??2020-05-12?20:31??public\images\Avatar-4.png
?????文件????????6849??2020-05-12?20:31??public\images\logo.png
?????文件?????????714??2020-05-12?20:31??public\images\Vector.png
?????文件?????????576??2020-05-12?20:31??public\index.html
?????文件????????5015??2020-05-12?20:31??public\rem.js
?????文件?????????361??2020-05-12?20:31??README.md
?????目錄???????????0??2020-05-12?20:31??src\
?????文件?????????383??2020-05-12?20:31??src\App.vue
?????目錄???????????0??2020-05-12?20:31??src\assets\
?????目錄???????????0??2020-05-12?20:31??src\assets\lib\
?????文件????????6067??2020-05-12?20:31??src\assets\lib\imservice.js
?????文件????????4193??2020-05-12?20:31??src\assets\lib\restapi.js
?????文件?????????276??2020-05-12?20:31??src\main.js
?????目錄???????????0??2020-05-12?20:31??src\routers\
?????文件?????????744??2020-05-12?20:31??src\routers\index.js
?????目錄???????????0??2020-05-12?20:31??src\views\
?????文件????????6044??2020-05-12?20:31??src\views\Chat.vue
?????文件????????3999??2020-05-12?20:31??src\views\FriendList.vue
?????文件????????2384??2020-05-12?20:31??src\views\Login.vue
?????文件??????????65??2020-05-12?20:31??vue.config.js
-----------?---------??----------?-----??----
?????文件??????????73??2020-05-12?20:31??babel.config.js
?????文件???????81435??2020-05-12?20:31??GoEasyDemo-Vue-IM-Chat-gif.gif
?????文件?????????911??2020-05-12?20:31??package.json
?????目錄???????????0??2020-05-12?20:31??public\
?????文件????????4286??2020-05-12?20:31??public\favicon.ico
?????目錄???????????0??2020-05-12?20:31??public\images\
?????文件?????????222??2020-05-12?20:31??public\images\Arrow-Left.png
?????文件????????3609??2020-05-12?20:31??public\images\Avatar-1.png
?????文件????????3611??2020-05-12?20:31??public\images\Avatar-2.png
?????文件????????3485??2020-05-12?20:31??public\images\Avatar-3.png
?????文件????????3546??2020-05-12?20:31??public\images\Avatar-4.png
?????文件????????6849??2020-05-12?20:31??public\images\logo.png
?????文件?????????714??2020-05-12?20:31??public\images\Vector.png
?????文件?????????576??2020-05-12?20:31??public\index.html
?????文件????????5015??2020-05-12?20:31??public\rem.js
?????文件?????????361??2020-05-12?20:31??README.md
?????目錄???????????0??2020-05-12?20:31??src\
?????文件?????????383??2020-05-12?20:31??src\App.vue
?????目錄???????????0??2020-05-12?20:31??src\assets\
?????目錄???????????0??2020-05-12?20:31??src\assets\lib\
?????文件????????6067??2020-05-12?20:31??src\assets\lib\imservice.js
?????文件????????4193??2020-05-12?20:31??src\assets\lib\restapi.js
?????文件?????????276??2020-05-12?20:31??src\main.js
?????目錄???????????0??2020-05-12?20:31??src\routers\
?????文件?????????744??2020-05-12?20:31??src\routers\index.js
?????目錄???????????0??2020-05-12?20:31??src\views\
?????文件????????6044??2020-05-12?20:31??src\views\Chat.vue
?????文件????????3999??2020-05-12?20:31??src\views\FriendList.vue
?????文件????????2384??2020-05-12?20:31??src\views\Login.vue
?????文件??????????65??2020-05-12?20:31??vue.config.js
- 上一篇：仿豆瓣 微信小程序源碼
- 下一篇：豆瓣電影微信小程序
評論
共有 條評論