头图

大家好,我是 Java陈序员

今天,给大家介绍一个开源的聊天应用程序,支持PC端和移动端。

关注微信公众号:【Java陈序员】,获取开源项目分享、AI副业分享、超200本经典计算机电子书籍等。

项目介绍

HasChat —— 一个基于 Vue3 + Socket.io 的聊天应用,同时支持PC端和移动端。

功能特性:

技术栈:

  • PC 网页版前端:Vue3 + Vite + TypeScript + Pinia + Naive UI + Socket.io
  • 移动版前端:uni-app + Socket.io
  • 后端:Express.js

项目预览

PC 网页端

移动端






本地部署

环境准备:

  • Node.Js 15+
  • Mysql 5.7.0+

1、拉取代码

  • 前端PC端

    git clone https://gitee.com/howcode/has-chat.git
  • 前端移动端

    git clone https://gitee.com/howcode/has-chat-app.git
  • 后端 MySQL 版本

    git clone -b main https://gitee.com/howcode/has-chat-service.git
  • 后端 Json 版本

    git clone -b master https://gitee.com/howcode/has-chat-service.git

2、安装依赖

npm install
由于后端是基于 Express.js 开发,因此也要安装依赖。

3、初始化数据库(MySQL版本)

执行后端项目 store 文件夹下的 sql 文件,并修改 config.js 文件中的数据库配置。

const db = mysql.createConnection({
  host: "", // 主机地址 (默认:localhost)
  user: "", // 用户名
  password: "", // 密码
  database: "", // 数据库
});

4、配置邮箱(MySQL版本)

修改 config.js 文件中的数据库配置。

emailConfig: { //邮箱配置
    host: "smtp.qq.com",//邮箱服务器  这里我用的QQ邮箱
    port: 465,//邮箱使用端口
    secure: true,//是否使用默认的465端口
    auth: {
      user: "", // 发送方邮箱地址
      pass: "" // smtp 验证码
    }
}

5、启动项目

  • 启动前端

    npm run dev
  • 启动后端

    node app.js

最后

推荐的开源项目已经收录到 GitHub 项目,欢迎 Star

https://github.com/chenyl8848/great-open-source-project

或者访问网站,进行在线浏览:

https://chencoding.top:8090/#/
大家的点赞、收藏和评论都是对作者的支持,如文章对你有帮助还请点赞转发支持下,谢谢!

Java陈序员
61 声望8 粉丝