60 lines
1.9 KiB
Markdown
60 lines
1.9 KiB
Markdown
# User Panel
|
||
|
||
Pages include config export, usage stats, node list.
|
||
|
||
🧩 User Panel 功能细节（租户端）
|
||
功能 描述
|
||
查看订阅配置 生成 vless:// 链接和二维码，支持复制和扫码导入
|
||
使用量展示 上/下行总流量、小时图表（来源于 stats 或 DeepFlow）
|
||
可用节点列表 展示地区、协议类型、连接状态，支持筛选和复制配置
|
||
|
||
|
||
✅ User Panel 功能细节（面向租户用户）
|
||
1. 🔑 配置导出（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）。
|
||
|
||
3. 🛰️ 可用节点列表
|
||
用户可查看所有可使用的出口节点（Node）；
|
||
|
||
每个节点显示：
|
||
|
||
节点名（如 Japan #1, US-A）
|
||
|
||
节点状态（在线 / 延迟 / 负载）
|
||
|
||
支持的传输方式（WS, gRPC, Reality 等）
|
||
|
||
点击可选择订阅该节点配置或切换节点（如生成特定配置链接）
|
||
|
||
🖼️ 前端界面模块（建议 Vue 组件）
|
||
页面组件 说明
|
||
MyConfig.vue 展示 vless:// 链接 + 二维码 + 复制
|
||
MyUsage.vue 图表 + 使用量（来自 stats）
|
||
MyNodes.vue 节点列表 + Ping 状态 + 一键切换
|
||
|
||
🔐 用户访问安全建议
|
||
每个用户访问面板需提供 Token / UUID + email 组合；
|
||
|
||
前端通过 Token 获取绑定账号信息（禁用查看他人）；
|
||
|
||
可选 JWT 登录或 “邮箱+验证码” 快速访问方式。
|