feat: v1.1.0 迭代更新

Server:
- 添加房间密码验证 POST /rooms/:id/join
- 添加玩家踢出 POST /rooms/:id/kick/:playerId
- 添加房间过期自动清理(30分钟无活动)
- 添加流量统计 GET /traffic
- 添加token认证中间件保护写操作API
- 房间详情返回玩家列表

Client:
- 添加设置持久化(electron-store)
- 添加设置页面(玩家名、本地端口、自动重连、托盘最小化)
- 添加系统托盘支持(最小化到托盘、右键菜单)
- 添加最近连接服务器记录
- 连接成功自动保存服务器地址
- 加入房间自动填充默认端口
This commit is contained in:
FunMC
2026-02-22 23:38:41 +08:00
parent b17679cec6
commit 9649519745
9 changed files with 411 additions and 3 deletions

View File

@@ -50,6 +50,9 @@
<li class="nav-item" data-page="join">
<span class="nav-icon">🚀</span> 加入房间
</li>
<li class="nav-item" data-page="settings">
<span class="nav-icon">⚙️</span> 设置
</li>
<li class="nav-item" data-page="about">
<span class="nav-icon"></span> 关于
</li>
@@ -67,6 +70,7 @@
<div class="form-group">
<label>服务器地址</label>
<input type="text" id="server-url" class="input" placeholder="http://your-server:3000" value="http://localhost:3000">
<div id="recent-servers" class="recent-servers hidden"></div>
</div>
<button class="btn btn-primary" id="btn-connect">连接服务器</button>
<div class="msg" id="connect-msg"></div>
@@ -182,6 +186,46 @@
</div>
</div>
<!-- Settings Page -->
<div class="page" id="page-settings">
<h2 class="page-title">设置</h2>
<p class="page-desc">客户端偏好设置</p>
<div class="card">
<div class="form-row">
<div class="form-group">
<label>玩家名称</label>
<input type="text" id="settings-name" class="input" placeholder="你的游戏名">
</div>
<div class="form-group">
<label>默认本地端口</label>
<input type="number" id="settings-port" class="input" value="25566">
</div>
</div>
<div class="form-row">
<div class="form-group">
<label class="toggle-label">
<input type="checkbox" id="settings-autoreconnect" checked>
<span>自动重连</span>
</label>
<span class="form-hint">连接断开后自动尝试重新连接</span>
</div>
<div class="form-group">
<label class="toggle-label">
<input type="checkbox" id="settings-tray" checked>
<span>最小化到托盘</span>
</label>
<span class="form-hint">关闭窗口时最小化到系统托盘</span>
</div>
</div>
<div class="form-group">
<label>最近连接的服务器</label>
<div id="settings-recent-list" class="recent-list"></div>
</div>
<button class="btn btn-primary" id="btn-save-settings">保存设置</button>
<div class="msg" id="settings-msg"></div>
</div>
</div>
<!-- About Page -->
<div class="page" id="page-about">
<h2 class="page-title">关于 FunConnect</h2>