一款好用简洁的聊天系统

院长简介

作者：院长

职位：运维开发工程师

官网：https://deanit.cn

博客：https://blog.deanit.cn

擅长：

【虚拟化，容器化，自动化运维，CICD，监控，日志，中间件，双机热备，分布式存储，数据库，认证，组网隧道，Kali 安全渗透，网络攻击，负载均衡，Html，Css，Js，Jq，Vue3，Shell，Python，Go，前后端框架】

项目地址

GitHub：https://gitee.com/howcode/h

项目简介

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

环境准备

Node.Js 15+
MySQL 5.7.0+

部署安装

1.、拉取代码

电脑前端

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 版本

```bash
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

Web访问

http://ip:3000

招贤纳士

欢迎👏关注《院长技术》，只做原创，干货～～～

更多技术干货持续输出中......

知识星球，试运营中，

原价188¥在不断上涨， 现加入仅需129¥ ，文档正逐渐上传！

欢迎加入 QQ- 3群：【

1群-2群-已满

】

推荐阅读