简介
HasChat 是一套使用全新技术完成的通讯聊天网页。
-
PC 网页版前端： Vue3 + Vite + TypeScript + Pinia + Naive UI + Socket.io
-
移动版前端： uni-app + Socket.io
-
后端： Express.js
作者开源目的旨在给刚学习该领域的新人一些引路，不管你是前端还是后端，都能对你在通讯聊天这个领域有一点点的启发。
功能一览
部署
下载项目
前端
https://gitee.com/howcode/has-chat.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
启动项目
安装依赖
前、后端
npm install
mysql 配置（json 版本跳过）
-
在 mysql 的版本中，找到目录 store 下的 sql 文件，运行 sql 文件
-
依次运行全部 sql 文件，并且刷新数据库表就可看到了
-
找到 config.js 文件
const db = mysql.createConnection({
host: "", // 主机地址 （默认：localhost）
user: "", // 用户名
password: "", // 密码
database: "", // 数据库
});
邮箱配置（json 版本跳过）
-
找到 config.js 文件
emailConfig: { //邮箱配置
host: "smtp.qq.com",//邮箱服务器 这里我用的QQ邮箱
port: 465,//邮箱使用端口
secure: true,//是否使用默认的465端口
auth: {
user: "", // 发送方邮箱地址
pass: "" // smtp 验证码
}
}
启动项目/服务
-
后端
node app.js
-
前端
npm run dev
到此，项目可以正常运行
界面预览
开源地址
https://gitee.com/howcode/has-chat
构建高质量的技术交流社群，欢迎从事编程开发、技术招聘HR进群，也欢迎大家分享自己公司的内推信息，相互帮助，一起进步！
文明发言，以
交流技术、职位内推、行业探讨为主
广告人士勿入，切勿轻信私聊，防止被骗
加我好友，拉你进群
点“在看”支持我们，共同成长
原文始发于微信公众号（极客之家）：一款开源、高颜值的极简聊天应用
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
文章由极客之家整理，本文链接：https://www.bmabk.com/index.php/post/306769.html
