[开源] 即时通讯项目 客户端+服务端+后台管理

14 篇文章 0 订阅
4 篇文章 0 订阅

CrazyChat 即时通讯项目

项目主要技术依赖

客户端(vue2+VantUI)+服务端(nodejs+soketio+express)+后台系统(vue3+elementPlus)

写在前面

  • 服务端依赖了邮件发送模块 nodemailer模块

  • 因开源前对代码进行整理 把此模块的发送消息的配置修改了

  • 在跑起来此项目前你需要对 nodemailer有一些了解 并进行相关配置

  • 网上相关教程:https://blog.csdn.net/d1sappearry/article/details/103953201

  • 相关需要替换的内容我会用 《替换》 这个来代替 对应替换即可

  • 在这里插入图片描述

  • 特别提醒:第一次使用后台系统会有权限验证需要手动将数据库的账号中__v改为1

  • 在这里插入图片描述

项目目录及运行

客户端 (8080端口)
cd crazy-chat
npm run serve

在这里插入图片描述

服务端(依赖mongodb 连接到27017/justkang ) (8800端口和8801端口【socket服务】)
cd crazy_chatNodeServer
nodemon index.js  或者 node index.js

在这里插入图片描述

后台系统 (3000端口)
cd vue-manage-system
npm run dev

在这里插入图片描述

项目预览

客户端(部分页面)

在这里插入图片描述

后台系统

在这里插入图片描述

数据库预览(studio 3T)
  • 登录后台系统需要手动将__v改为1
    在这里插入图片描述

总体总结

  • 除了解三个文件启动方式外 还需要修改邮箱模块的一些配置 位置(crazy_chatNodeServer/db/DAO/email/sendEmail)
  • 后台接口:所有后台接口成功都是返回200,失败是401,402
  • 接口文档 baseURl: 本地8800接口
    • /login 登录 POST 携带参数:{password,username} 返回:{code:“200”,msg:“登陆成功”,token:‘’} ||{code:“401”,msg:“”}
    • /getEmailCode 获取验证码 POST 携带参数:{email} 返回:{code: ‘200’, msg: ‘邮件发送成功,请查收’} || {code:“401”,msg:“”}
    • /register 注册 POST 携带参数:{password,username,email,emailCode} 返回:{code: ‘200’, msg: ‘注册成功’} || {code:“401”,msg:“”}
    • /myInfo 获取个人数据 POST 携带参数:headers:‘crazytoken’:token 返回:{code: ‘200’, data:{}} || {code:“401”,msg:“”}
    • /friendList 获取朋友列表 POST 携带参数:headers:‘crazytoken’:token 返回:{code: ‘200’, data:{}} || {code:“401”,msg:“”}
    • /findUser 搜索好友列表 POST 携带参数:data:{username},headers:‘crazytoken’:token 返回:{code: ‘200’, data:{}} || {code:“401”,msg:“”}
    • /updateUser 修改个人信息 POST 携带参数:data:{username || tel || sing},headers:‘crazytoken’:token 返回:{code: ‘200’, msg:‘修改成功’} || {code:“401”,msg:“”}
    • /fileImg 上传头像 POST 携带参数:data:{base64:图片的base64},headers:‘crazytoken’:token 返回:{code: ‘200’, msg:‘修改成功’} || {code:“401”,msg:“”}
    • /addFriend 添加好友 POST 携带参数:data:{friendId},headers:‘crazytoken’:token 返回:{code: ‘200’, msg:‘添加成功’} || {code:“401”,msg:“”}
    • /findFriendInfo 查找朋友信息 POST 携带参数:data:{friendId},headers:‘crazytoken’:token 返回:{code: ‘200’, msg:‘添加成功’} || {code:“401”,msg:“”}
    • /updateFriendState 更新朋友状态 POST 携带参数:data:{friendId,state:1[添加]||2[拒绝]},headers:‘crazytoken’:token 返回:{code: ‘200’, msg:‘’} || {code:“401”,msg:“”}
    • /getChatList 获取聊天列表 POST 携带参数:data:{Fid},headers:‘crazytoken’:token 返回:{code: ‘200’, msg:‘’} || {code:“401”,msg:“”}
    • /findPassword 找回密码 POST 携带参数:data:{password,emial,emailCode},headers:‘crazytoken’:token 返回:{code: ‘200’, msg:‘’} || {code:“401”,msg:“”}
    • admin模块
    • /adminLogin 管理员登录 POST 携带参数:data:{email,password} 返回:{code: ‘200’,data:{token} || {code:“401”,msg:“”}
    • /userNumAndchatNum 返回用户个数及聊天个数及组成好友个数 POST 携带参数:headers:{crazytoken} 返回:{code: ‘200’, msg:‘’} || {code:“401”,msg:“”}
    • /adminfindAlluser 查找用户 POST 携带参数:headers:{crazytoken} 返回:{code: ‘200’, data:{}} || {code:“401”,msg:“”}
    • /adminfindAlluser 查找用户 POST 携带参数:headers:{crazytoken} 返回:{code: ‘200’, data:{}} || {code:“401”,msg:“”}
    • /adminChangeUser 修改用户信息 POST 携带参数:data:{crazyId,changeData:{username,viaUrl,tel,__v}},headers:{crazytoken} 返回:{code: ‘200’, data:{}} || {code:“401”,msg:“”}

写在最后

  • 第一次做开源练习项目,让我们共同进步
  • 最后感谢我的好友与我共同完成 他的gitee:https://gitee.com/zyangitee QQ:1296126021
  • 如果你想加入我们一同打造更多好玩更有意思的开源项目 QQ:246620179
  • 如果觉得有帮助记得starss
  • 项目开源地址:
    • github:https://github.com/justkang666/crazy-chat-open-source
    • gitee:https://gitee.com/justkang/crazy-chat-open-source/
    • 视频介绍:https://www.bilibili.com/video/BV15A4y1S7Zj?spm_id_from=333.999.0.0
  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
开源商城是一种基于开放源代码的电子商务平台,它提供了一个完整的购物系统,使商家能够在线销售产品。开源商城的特点是可以根据需求进行修改和定制,具有高度的灵活性和可扩展性。 H5商户管理是指商户通过H5页面进行商城管理的方式。H5是指基于HTML5技术的网页开发,它可以在不同的设备和操作系统上运行,使商户能够随时随地进行商城管理操作。 后台管理是指用于管理商城运营的管理系统。后台管理系统一般包括商品管理、订单管理、会员管理、广告管理等功能模块,通过后台管理系统可以方便地对商城进行管理和运营。 开源商城H5商户管理后台管理结合了开源商城、H5商户管理后台管理的特点和功能,可以让商户通过H5页面进行商城管理操作,并通过后台管理系统对商城进行管理和运营。商户可以通过H5界面方便地添加和编辑商品信息,查看和处理订单,管理会员和广告等。 开源商城H5商户管理后台管理具有以下优势:首先,商户可以通过H5页面进行商城管理,无需安装任何客户端软件,只需要有网络连接即可;其次,后台管理系统提供了丰富的功能模块,方便商户进行各种管理操作;最后,开源商城的特性使得商户可以根据自己的需求进行修改和定制,满足不同商户的个性化需求。 总之,开源商城H5商户管理后台管理是一种便捷、灵活和可定制的商城管理方式,为商户提供了方便的商城运营和管理工具。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值