请填认真填写以下信息,方便您接受资源,以及找回忘记的资源

您所购买的是在线资源文件,由于资源属性的特殊性,不支持退货

请使用微信扫二维码支付

资源详情

资源详情

开源聊天室项目-wechat

聊天室、websocket、socket.io、毕业设计。
精品
  • Project URL: https://github.com/CCZX/wechat

    Co-messager

     

    相关工具版本

    1. node: 12.14.0
    2. npm: 6.4.1
    3. MongoDB: 5.0.3

    相关地址

    功能

    • [x] 登陆注册
    • [x] 单聊
    • [x] 群聊
    • [x] 历史消息
    • [x] 图片发送
    • [ ] 文件发送
    • [ ] 代码片段发送
    • [x] 表情发送
    • [x] 白板协作
    • [x] 音视频聊天
    • [x] 消息已读提醒
    • [x] 好友分组
    • [x] 好友备注
    • [x] 好友上线提醒
    • [x] 在线用户头像高亮
    • [x] 添加好友
    • [x] 添加群聊
    • [x] 朋友圈功能
    • [x] 发表朋友圈
    • [x] 好友朋友圈
    • [x] 朋友圈动态点赞
    • [x] 朋友圈动态评论
    • [x] 朋友圈动态回复评论
    • [x] 日程设置

    启动项目

    1、克隆项目

    bash git clone git@github.com:CCZX/wechat.git

    或者下载压缩包解压也可以。

    2、删除相关代码

     

    removed code

    需要注意的是这一步需要在启动服务端之前执行。不然会出现不可预料的错误

    2、启动MongoDB数据库

    bash mongo

    如果还没有安装MongoDB可以参考下面文章: - mongoDB - 菜鸟教程 - mongoDB的安装和启动

    3、启动服务器

    ```bash cd chatServer npm install

    初始化数据库,初始化成功后可以看到自动创建了chat数据库

    node init.js node app.js ```

    4、启动客户端

    bash cd chatClient npm install npm run dev

    启动成功后访问127.0.0.1:8080即可访问。

    5、启动管理员端(3000端口)

    bash cd chatAdmin npm install npm start

    启动成功后访问127.0.0.1:3000即可访问。

    6、Q&A

    按照上述步骤启动一般是不会出问题,有问题请首先排查是否执行顺序不一致,以及数据库是否启动。

    项目截图

    github上如果没有科学上网容易裂图,推荐在掘金上看:

    地址:https://juejin.im/post/5e8dd45cf265da47e34bf94d

    PC端

    1、主页

    主页

    2、聊天

    聊天 已读设置 通知

    3、朋友圈

    朋友圈 朋友圈评论

    4、主题设置

    主题

    5、日程

    日程 新建日程

    6、个人中心

    设置

    移动端

    1、登录

    移动端

    2、聊天列表

    移动端 移动端

    3、聊天界面

    移动端

    4、图片预览

    移动端

    5、换肤

    移动端

    6、朋友圈

    移动端

    系统功能图

    普通用户

    普通用户功能设计0404

    管理员

    普通用户功能设计0404

    技术路线

     
    • 客户端使用VueVueXVue-Router
    • 管理员端使用Reactantd
    • 后端使用的是node.js
    • 数据库使用的是MongoDB
    • 在实现聊天的全双工数据通信使用的是WebSocketsocket.io

    项目打包

    1. 客户端的代码打包后资源默认放在chatServer文件夹的public目录下;
    2. 管理员端在chatAdminbuild目录下,需要自己自己手动将整个build目录复制到chatServer文件夹的public目录下,然后修改build目录文件的index.html中引入资源路径前都加上/build

    交流

    • qq群

    qq

    • E-mailccdebuging@gmail.comcAuth1218@163.com
    • QQ1831058205
    • 微信:cAutg9248

    参考项目

    • https://github.com/wuyawei