资源简介

基于WebSocket实现的vue websocket聊天,支持一对一聊天,功能包含登录页面、对话界面、好友列表、上下线提醒等。

websocket服务采用的国内知名的第三方websocket框架【GoEasy】实现。

源代码精炼,层次清晰,非常适合有学习、开发websocket聊天软件的开发者。

运行步骤:

1、获取GoEasy Appkey

先到GoEasy官网(https://www.goeasy.io)注册一个账号,登录后,创建一个应用,就能得到您的appkey。


2、配置您的appkey

在imservice.js,将appkey替换为您自己的common key

3、项目构建

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

评论

共有 条评论