仿製微信/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界面，降低耦合性
• 優化界面響應速度
• 能夠私聊個人，一對一聊天
• 。。。。。