一個基於 Node.js 和 Vue.js 的局域網聊天應用，支持文字、圖片、視頻和文件傳輸。支持消息加密。支持Docker部署。支持nginx反向代理。
| Feature 功能 | Description 描述 |
|---|---|
| 💬 即時聊天 | 即時文字消息傳輸 |
| 🌐 多語言 | 支持中文和英文界面 |
| 👋 用戶提及 | 支持 @用戶名 提及通知，帶音效和桌面通知 |
| 📜 歷史消息 | 支持載入歷史聊天記錄 |
| 📷 圖片分享 | 支持 jpg、png、gif 格式 |
| 🎥 視頻分享 | 支持 mp4、webm 格式 |
| 🎵 音頻分享 | 支持 mp3、wav、ogg、m4a 格式 |
| 📄 文件傳輸 | 支持所有類型文件 |
| 👥 用戶列表 | 顯示在線用戶 |
| 📊 上傳進度 | 實時顯示文件上傳進度 |
| 😊 表情符號 | 支持發送表情 |
| 🌓 深色模式 | 支持淺色/深色主題切換 |
/server - 後端服務器代碼
/public - 前端 Vue.js 應用
/server/uploads - 上傳文件存儲目錄
git clone https://github.com/yeongpin/LanLocalChat.git
cd LanLocalChat
npm install
npm run server
npm run dev
請把 .env.example 複製一份，改名為 .env，並修改以下內容
SERVER_PORT=13050
PUBLIC_PORT=5173
HOST=0.0.0.0
PUBLIC_HOST=0.0.0.0
VITE_SERVER_PORT=13050
VITE_NAME_LIMIT=20
VITE_MESSAGE_SALT=mysecretkey123
MAX_FILE_SIZE=500
# 歷史記錄和上傳文件的保留時間 (0d0h0m0s 表示立即清理)
CLEANUP_INTERVAL=1h # 清理檢查間隔
HISTORY_RETENTION=7d # 歷史記錄保留時間
UPLOADS_RETENTION=1d # 上傳文件保留時間
npm run build:all
會Build vite 到 dist 文件夾，並部署在 0.0.0.0:13050 下面，直接訪問 IP:13050 即可
如想要手動Build,請運行
npm run build
然後運行
npm run server
server {
listen 80;
server_name localhost;
# 添加这一行来增加上传大小限制
client_max_body_size 50M;
location / {
proxy_pass http://127.0.0.1:13050;
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header X-Forwarded-Proto $scheme;
}
}
# 從 GitHub Container Registry 拉取
docker run -p 13050:13050 ghcr.io/yeongpin/lanlocalchat:main
# 或從 Docker Hub 拉取
docker run -p 13050:13050 yeongpin/lanlocalchat:latest| Catergory 類別 | Technology 技術 |
|---|---|
| Backend 後端 |    |
| Frontend 前端 |   |
| Tool 工具 |  |
- Start the application | 啟動應用後，輸入您的用戶名進入聊天室
- Click the attachment button on the left | 點擊左下角的附件按鈕可以發送文件、圖片或視頻
- Support drag and drop to upload files | 支持拖拽上傳文件
- The right panel displays the online user list | 右側面板顯示在線用戶列表
- Support Image Format | 支持的圖片格式：jpg, png, gif ,webp
- Support Video Format | 支持的視頻格式：mp4, webm , mov
- Support Audio Format | 支持的音頻格式：mp3, wav, ogg, m4a
- Support File Format | 支持的文件格式：所有類型文件
Preview | 預覽圖
- 🔄 新增文件上傳進度顯示
- 🔄 修復文件上傳問題
- 🎨 界面優化
- 修復已知問題
- 🔄 新增Docker Hub 部署
- 🔄 新增GitHub Actions 部署
- 修復已知問題
- 🔄 新增Dockerfile
- 🔄 新增docker-compose.yml
- 🔄 新增部署
- 修復已知問題
- 🔄 新增消息加密
- 🔄 修復消息加密問題
- 🎨 界面優化
- 修復已知問題
- 🔄 修復界面高度
- 🎨 界面優化
- 增加移動端適配
- 修復已知問題
- 🔄 新增文件卡
- 🎨 界面優化
- 增加移動端適配
- 修復已知問題
- 🔄 新增音頻分享
- 🎨 界面優化
-
🔄 改進用戶系統
- 優化用戶名顯示和更改功能
-
🎨 界面優化
-
房間密碼
-
創建房間
-
加入房間
-
離開房間
- 🔄 改進用戶系統
- 優化退出時間
- 優化用戶名顯示和更改功能
- 🎨 界面優化
- 🔄 改進用戶系統
- 每個標籤頁現在是獨立用戶
- 優化用戶名顯示和更改功能
- 🎨 界面優化
- 📱 響應式設計優化
- 時間戳顯示
- 添加用戶名長度限制
- 🔄 改進用戶系統
- 每個標籤頁現在是獨立用戶
- 優化用戶名顯示和更改功能
- 🎨 界面優化
- 改進用戶列表樣式
- 添加隨機用戶名生成按鈕
- 優化文字對齊和間距
- 🐛 修復已知問題
- 修復重連時的用戶名衝突問題
- 修復系統消息顯示異常
- 🌐 多語言系統優化
- 改進語言切換機制
- 添加更多翻譯內容
- 💄 UI/UX 改進
- 優化深色模式配色
- 改進按鈕和輸入框樣式
- ⚡️ 性能優化
- 改進消息處理機制
- 優化重連邏輯
- 📱 響應式設計優化
- 改進移動端適配
- 優化浮動按鈕位置
- 🔔 通知系統改進
- 添加提及音效
- 優化桌面通知
- 🛠️ 技術改進
- 添加環境變量配置
- 改進錯誤處理
- 🔄 消息功能增強
- 添加消息歷史記錄
- 改進消息顯示格式
- 👥 用戶系統更新
- 添加用戶列表滾動條
- 優化用戶名長度限制
- 🎨 界面更新
- 添加加載動畫
- 優化錯誤提示
- 🚀 首次功能更新
- 添加文件上傳進度顯示
- 添加用戶在線狀態顯示
- 🎨 界面優化
- 添加深色模式切換按鈕
- 優化聊天界面布局
- 🐛 Bug修復
- 修復消息發送問題
- 修復連接穩定性問題
- 🎉 初始版本發布
- ✨ 基本聊天功能
- 📤 文件上傳功能
- 🌓 深色模式支持