1.9 KiB
User Panel
Pages include config export, usage stats, node list.
🧩 User Panel 功能细节（租户端） 功能 描述 查看订阅配置 生成 vless:// 链接和二维码，支持复制和扫码导入 使用量展示 上/下行总流量、小时图表（来源于 stats 或 DeepFlow） 可用节点列表 展示地区、协议类型、连接状态，支持筛选和复制配置
✅ User Panel 功能细节（面向租户用户）
- 🔑 配置导出（vless:// 链接 + QRCode） 展示用户当前 UUID + email 生成的 VLESS URL；
点击按钮可复制 vless:// 链接；
自动生成二维码供扫码导入；
支持一键导入到 v2rayN/v2rayNG 的格式。
示例：
bash vless://UUID@domain.com:443?encryption=none&flow=xtls-rprx-vision&security=reality&sni=www.cloudflare.com&fp=chrome&pbk=公钥&sid=shortid&type=tcp#email 2. 📊 当前使用量 展示用户当前累计上传 / 下载（单位：MB/GB）；
可视化图表：过去 24 小时 / 7 天 流量变化；
查询来源：通过控制器后台定期采集 Xray API 流量（stats service）并入库；
用户只能查看自己数据（通过 JWT 登录或 UUID token）。
- 🛰️ 可用节点列表 用户可查看所有可使用的出口节点（Node）；
每个节点显示：
节点名（如 Japan #1, US-A）
节点状态（在线 / 延迟 / 负载）
支持的传输方式（WS, gRPC, Reality 等）
点击可选择订阅该节点配置或切换节点（如生成特定配置链接）
🖼️ 前端界面模块（建议 Vue 组件） 页面组件 说明 MyConfig.vue 展示 vless:// 链接 + 二维码 + 复制 MyUsage.vue 图表 + 使用量（来自 stats） MyNodes.vue 节点列表 + Ping 状态 + 一键切换
🔐 用户访问安全建议 每个用户访问面板需提供 Token / UUID + email 组合；
前端通过 Token 获取绑定账号信息（禁用查看他人）；
可选 JWT 登录或 “邮箱+验证码” 快速访问方式。