V-IM:基于vue、iview、electron实现的PC和Web版聊天程序

本期推荐的是一个基于JS的超轻量级聊天软件——V-IM

V-IM是一个基于vue、iview、electron实现的 PC和Web版聊天程序,界面高仿微信,后端使用springboot、tio、oauth2.0等技术。主要用于私有云项目内部聊天,企业内部管理通讯等场景。

GitHub精选 | 基于JS的轻量级即时通讯软件

V-IM功能点:

  • 文本聊天、聊天表情
  • 发送图片、发送文件
  • 单聊、群聊
  • 用户分组(后端支持)
  • 离线消息(单聊)
  • 聊天记录(单聊、群聊)
  • 支持心跳检测,断线重连
  • 使用SpringBoot security oauth2.0 支持单点登录。
  • 用户搜索

安装使用:

  • 项目结构
  1. V-IM-PC 是客户端
  2. V-IM-Server 是服务端代码
  3. doc 下面有数据库。
  4. V-IM-PC/src/views/im/conf/index.js 里面配置端口等信息
  • 安装
  1. 打包好的测试文件–>[下载exe安装文件 64位](doc/v-im Setup 0.6.4.exe)。
  2. 打包好的web文件,在dist/web 目标下(运行的时候需要有容器,例如nginx tomcat之类的)。
  3. 消息推送接口,调用方式:http://localhost:8080/api/user/sendMsg?access_token=你的token&userId=接收人&msg=我是消息
  4. 获取token:http://localhost:8080/oauth/token?client_id=v-client&client_secret=v-client-ppp&grant_type=password&scope=select&username=wangwu&password=123456
  5. 测试地址:http://101.200.151.183 wangwu/123456 zhangsan/123456
  6. 开发环境命令:npm run serve 和 npm run electron:serve
  7. 打包安装文件:npm run electron:build,打包完成的文件在/dist_electron 下
  8. 打包web文件:npm run build,打包完成的文件在/dist 下

界面UI:

  • PC端
GitHub精选 | 基于JS的轻量级即时通讯软件

GitHub精选 | 基于JS的轻量级即时通讯软件

GitHub精选 | 基于JS的轻量级即时通讯软件

GitHub精选 | 基于JS的轻量级即时通讯软件

  • 移动端
GitHub精选 | 基于JS的轻量级即时通讯软件

GitHub精选 | 基于JS的轻量级即时通讯软件

GitHub精选 | 基于JS的轻量级即时通讯软件

GitHub精选 | 基于JS的轻量级即时通讯软件

GitHub精选 | 基于JS的轻量级即时通讯软件

GitHub精选 | 基于JS的轻量级即时通讯软件

更多内容请大家可自行前往阅读。


Gitee:https://gitee.com/lele-666/V-IM

内容出处:,

声明:本网站所收集的部分公开资料来源于互联网,转载的目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。如果您发现网站上有侵犯您的知识产权的作品,请与我们取得联系,我们会及时修改或删除。文章链接:http://www.yixao.com/share/29527.html

发表评论

登录后才能评论