-
OpsX VPN桌面客户端
● 界面预览 · 0.1
+
{page === 'overview' &&
- WORKSPACE / OVERVIEW连接概览
从这里查看接入状态，准备好后即可连接企业网络。
● 尚未连接WORKSPACE / OVERVIEW连接概览
查看本客户端的服务检测与接入状态。
● 本客户端未连接
-
- 尚未连接登录与设备授权接口接入后，即可启用 VPN 拨号
-
+
+ 本客户端未连接尚未配置自动设备授权和本机隧道
{connectionGuide && {connectionGuide}
}
+ 已授权 VPN 线路尚未获取
-
{checkedAddress || address || '尚未设置服务端地址'}
{state === 'reachable' ? `服务可达 · 控制面往返约 ${responseMs} ms` : state === 'error' ? '检测失败' : state === 'checking' ? '检测中…' : '尚未检测'}控制面检测不代表 VPN 已连接。
+
{savedAddress || '尚未设置服务端地址'}
{state === 'reachable' ? `服务可达 · 控制面往返约 ${responseMs} ms` : state === 'error' ? '检测失败' : state === 'checking' ? '检测中…' : '尚未检测'}控制面检测不代表 VPN 已连接；概览每 30 秒更新一次。
- {([['✓', '服务可达性检测', '已接入现有健康接口', '已就绪'], ['2', '用户登录与设备授权', '等待客户端专用接口', '待接入'], ['3', '原生 WireGuard 连接', '等待多平台隧道适配', '待接入']] as const).map(([num, title, detail, status], index) => {num}{title}{detail}{status}
)}
+ {state === 'reachable' ? '✓' : '1'}服务可达性{state === 'reachable' ? checkedAddress : '尚未完成健康检查'}{state === 'reachable' ? '可达' : '未确认'}
+ 2用户与设备授权服务器尚无客户端专用接口未接入
+ 3WireGuard 隧道未创建本机隧道或验证握手未连接
- 预览线路与延时仅展示交互样式，不代表实际节点；当前没有建立 VPN 隧道。
+ 管理服务健康检查仅反映控制面状态；本客户端尚未建立 VPN 隧道。
}
- {page === 'routes' &&
WORKSPACE / ROUTES线路
了解线路选择界面。真实节点列表和延时需要服务端开放客户端接口。
演示数据{nodes[selected].name}
当前选择只用于界面预览，不会建立 VPN 连接。
}
- {page === 'settings' &&
WORKSPACE / SETTINGS设置
管理服务端入口并查看本机环境。这里不会保存账号或修改本机网络。
{address.trim().toLowerCase().startsWith('http://') && HTTP 是明文传输；健康检查可用，但今后登录和设备授权建议改用 HTTPS。
}只填写服务端根地址；健康检查会请求 /api/health。
{state === 'reachable' && 服务可达 · 控制面往返约 {responseMs} ms
{checkedAddress}。这不是 VPN 节点延时或已连接状态。
}{state === 'error' && {error || '服务端没有返回有效的健康响应。'}
}安全接入
用户认证、设备授权与系统隧道设置将在服务端接口具备后开放。
本机环境
只读检查，不代表已经具备 VPN 拨号能力
操作系统{readiness.platform}wg 命令{readiness.wg_found ? 'PATH 中已发现' : 'PATH 中未发现'}wg-quick 命令{readiness.wg_quick_found ? 'PATH 中已发现' : 'PATH 中未发现'}
: {readinessError || '正在检测本机环境…'}
}仅检查文件是否存在；没有检查执行权限、驱动、系统授权或 WireGuard 隧道状态。
}
+ {page === 'routes' &&
WORKSPACE / ROUTES线路
这里只显示经当前账户授权、由服务端提供的真实线路。
暂时无法获取线路
服务端尚未提供终端用户身份和设备授权接口，因此无法查询线路或测量真实节点延时。
}
+ {page === 'settings' &&
WORKSPACE / SETTINGS设置
管理服务端入口并查看本机环境。这里不会保存账号或修改本机网络。
{savedAddress && ✓ 已保存：{savedAddress}
}{address.trim().toLowerCase().startsWith('http://') && HTTP 是明文传输；健康检查可用，但今后登录和设备授权建议改用 HTTPS。
}只填写服务端根地址；检测成功会自动保存，也可直接点击“保存地址”。
{state === 'reachable' && 服务可达 · 控制面往返约 {responseMs} ms
{checkedAddress}。这不是 VPN 节点延时或已连接状态。
}{state === 'error' && {error || '服务端没有返回有效的健康响应。'}
}安全接入
用户认证、设备授权与系统隧道设置将在服务端接口具备后开放。
本机环境
只读检查，不代表已经具备 VPN 拨号能力
操作系统{readiness.platform}wg 命令{readiness.wg_found ? 'PATH 中已发现' : 'PATH 中未发现'}wg-quick 命令{readiness.wg_quick_found ? 'PATH 中已发现' : 'PATH 中未发现'}
: {readinessError || '正在检测本机环境…'}
}仅检查文件是否存在；没有检查执行权限、驱动、系统授权或 WireGuard 隧道状态。
}
{ if (event.target === event.currentTarget) setDialog(false) }}>
{ if (event.key === 'Escape') setDialog(false) }}>ROUTE PREVIEW选择服务器节点
线路名称与延时均为演示数据，尚未接入真实节点。
预览线路示例延时
{nodes.map((node, index) => )}
仅预览界面，不会发起连接