资源简介
基于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
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
----------- --------- ---------- ----- ----
文件 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
- 上一篇:仿豆瓣 微信小程序源码
- 下一篇:豆瓣电影微信小程序
相关资源
- vue模拟微信
- 后台管理系统模板( 基于vue + elemen
- 《Vue.js实战》代码
- antv g6vue
- uniapp新闻小程序模板nvue
- vue mix-mall 电商项目模版
- websocket实现在线聊天源码
- websocket聊天室源码
- vuejs后台管理框架vue-element-admin(typ
- vue实现 tab切换导航
- Vue实现加入购物车结算
- vue表格分页组件
- 基于VUE、YDUI前端框架 (类似WEUI)
- 《Vue.js实战》随书源码
- 3d抽奖程序-源码(VUE)
- 在线聊天室(vue+ socket.io)
- js 拼图游戏(vue.js)
- VUE 数据分页
- vue-router (Vue.js + Seajs)
- vue 分页
- nodejs socket.io 在线聊天(兼容IE7、IE
- vuejs搭建的售卖平台demo(mui)
- 购物车放入物品 动画 (vue)
- Vue.js 开发小程序的前端框架 mpvue
- 《Vue.js项目实战》随书
- 一个完整的手机html5商城模板(vue+商
- html5大转盘抽奖(基于vue.js)
- vue实现九宫格抽奖效果
- vue实现问卷答题
- travel去哪儿网(nodejs实现后端)
评论
共有 条评论