Skip to content

HUANG-YU-CHENG/STUST_Web_App_Project_Chat_Room

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

即時聊天室專案

這是一個使用Node.js和Socket.io開發的即時聊天室應用程式,支援多人聊天、私人聊天室、表情符號、文件上傳等功能。

功能特點

  • 即時訊息傳送
  • 私人聊天室創建與加入
  • 表情符號支援
  • 文件上傳(支援圖片和音頻)
  • 使用者登入/登出

安裝說明

  1. 確保您的系統已安裝Node.js(建議版本:v16.0.0或更高)

  2. 克隆專案到本地:

git clone [專案URL]
cd [專案目錄]
  1. 安裝依賴套件:
npm install
  1. 安裝額外需要的套件:
npm install express socket.io uuid multer
  1. 啟動伺服器:
node server.js
  1. 在瀏覽器中訪問:
http://localhost:3000

技術架構

  • 前端:HTML5, CSS3, JavaScript
  • 後端:Node.js, Express
  • 即時通訊:Socket.io
  • 文件處理:Multer
  • 身份驗證:LocalStorage

未來優化方向?

安全性改進

  1. 實現JWT(JSON Web Token)身份驗證,替代目前的localStorage存儲方式
  2. 添加HTTPS支援,確保資料傳輸安全
  3. 實現密碼加密存儲
  4. 添加CSRF防護機制
  5. 實現文件上傳大小限制和類型驗證

功能擴展

  1. 添加訊息歷史記錄功能
  2. 實現訊息編輯和刪除功能
  3. 添加用戶在線狀態顯示
  4. 實現訊息已讀功能
  5. 添加群組管理功能(管理員權限)
  6. 實現訊息搜索功能
  7. 添加用戶個人資料設置
  8. 實現訊息撤回功能

性能優化

  1. 實現訊息分頁加載
  2. 添加WebSocket連接重試機制
  3. 實現文件上傳進度顯示
  4. 優化圖片壓縮和縮放
  5. 實現客戶端緩存機制

用戶體驗改進

  1. 添加響應式設計,支援移動設備
  2. 實現深色模式
  3. 添加訊息通知功能
  4. 實現訊息發送狀態顯示
  5. 添加鍵盤快捷鍵支援
  6. 實現訊息複製功能
  7. 添加訊息引用功能

代碼質量改進

  1. 添加TypeScript支援,提高代碼可維護性
  2. 實現單元測試和集成測試
  3. 添加代碼格式化工具(如Prettier)
  4. 實現ESLint代碼檢查
  5. 添加錯誤日誌記錄
  6. 實現自動化部署流程

文檔完善

  1. 添加API文檔
  2. 編寫開發指南
  3. 添加貢獻指南
  4. 完善錯誤處理文檔
  5. 添加性能優化指南

貢獻指南

歡迎提交Pull Request或提出Issue來幫助改進這個專案。在提交代碼之前,請確保:

  1. 代碼符合專案的編碼規範
  2. 添加必要的測試
  3. 更新相關文檔
  4. 提供清晰的提交信息

授權

MIT License

About

2024 南台網路程式設計期末專案_聊天室

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •