仿制微信/QQ在线聊天网站

webchat

一款基于Javascript+express+socket.io构成的网络在线聊天应用

😚项目仍在维护中,欢迎各位大佬PR🎉和star⭐

具体效果可以访问http://chat.chuyuxuan.xyz:4400

  • 2020年10月10日前该链接有效,别问为啥,问就是服务器过期我负担不起😭,所以不错的话请给个star吧

源码下载地址:https://github.com/Chuyuxuan0v0/webchat

喜欢的话给个star吧~嘻嘻🤭

部分预览



项目讲解:BV1B54y1D7dA

【小课设】一个你从未见过的在线聊天网站


下载

    git clone https://github.com/Chuyuxuan0v0/webchat.git

使用

  • 你需要安装node.js,接下来才能进行一下操作,否则会报错误。

⭐ 下载后进入根目录

    cd ...  \webchat\

⭐ 下载安装node.js

点我下载

⭐ 安装express 项目包里已经集成,安装好node之后可以跳过

    npm install express --save

⭐ 安装socket.io 项目包里已经集成,安装好node之后可以跳过

    npm install --save socket.io

    npm install --save socket.io-client

⭐ 安装mysql 项目包里已经集成,安装好node之后可以跳过

    npm install mysql

⭐ 在MySQL中导入相关表

    所有要建立的表我都放在express.sql里了,可以根据里面的sql语言自行建立
    或者借用数据库管理工具例如 navicat 导入该文件进行表的创建。

⭐ 启动项目

    node app.js

⭐ 在浏览器中输入以下网址 这个端口可以自己更改的

    localhost:4400 

部分功能展示

  • 1.可以实现在线聊天,发送图片
  • 2.可以是使用ctrl+Enter发送消息
  • 3.进入退出有提示
  • 4.适应手机,有响应式布局
  • 5.查看历史聊天记录
  • 6.。。。。。

待优化

  • 优化UI界面,降低耦合性
  • 优化界面响应速度
  • 能够私聊个人,一对一聊天
  • 。。。。。
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章