Files
Scoreboard/server/internal/httpapi/network_test.go
T
AskaEth 9ef68c2589 feat(console,admin): kiosk 不再点击穿透 + 压住任务栏;大屏控制页新增「局域网大屏」(链接/复制/二维码)dev_0.4.0
## ① 现场问题:kiosk 窗口点击穿透(原设计方向反了)
`displays.js` 原来对多屏 kiosk 调 `setIgnoreMouseEvents(true)`,注释写的是
「防止现场误触」——但该 API 的语义是「本窗口忽略鼠标」,点击会**落到它后面的
窗口或桌面**,现场想防的误触正好变成误点别的东西;被忽略鼠标的窗口也点不活。
现在窗口**默认吞掉鼠标、不穿透**。

配置项**改名**为 `display.allowClickThrough`(缺省 false;显式 true 才穿透)。
**旧键 `display.ignoreMouse` 完全不读**——老机器的配置文件里还写着旧版模板留下的
`ignoreMouse: true`,而配置策略是「已存在不覆盖」,只改默认值等于老机器升级后
照样穿透;改名才能让默认值真正生效。启动时若发现旧键会记一条中文提示(只记一次),
并在合并后的配置里把它剥掉,防止将来有人再读到那个陈年 true。
(不是自动改写用户配置文件:无法区分「操作员刻意写的 true」与「旧模板留下的 true」。)

## ② 现场问题:任务栏盖住 kiosk 窗口、被盖住后抢不回前台
原顺序是 `setKiosk(true)` 之后又 `setBounds(...)`,在 Windows 上会把窗口从真正的
全屏态拽回「恰好铺满该屏的无边框窗口」→ 不是 topmost,任务栏与拖过去的窗口都盖得住。
现在固定为 **先 `setBounds` 定位 → 再 `setKiosk(true)` → 最后 `setAlwaysOnTop(true,
'screen-saver')`**(默认层级 `floating` 在 Windows 上仍画在任务栏下面),并加了
「已达标就不重复进出 kiosk」的守卫避免重排白闪;非 kiosk 分支会摘掉置顶。
Win 真机行为需现场复核,代码/桩级已验(含顺序与层级的断言)。

## ③ 新功能:大屏控制页「局域网大屏」卡片
- 服务端新增 `GET /api/system/network`(recorder 及以上):回本机可用局域网 IPv4
  (排除回环/link-local/IPv6,去重,按 192.168/10/172.16-31 优先排序)+ 真实监听端口
  + 路径;无地址回 `[]` 不报错。
- 卡片:每个地址一条可点击链接 + 复制按钮,第一个地址配二维码(148px)。
- **二维码是离线自实现的纯 TS 编码器**(版本 1–40 自动、ECC L/M/Q/H、8 种掩码择优),
  正确性用 **Python OpenCV 真解码**验收:29/29 条解出原文(含中文与边界),
  SVG 渲染后再解码 4/4,并把验证过的矩阵冻结成仓库参照用例。
- 复制按**非安全上下文**处理:面板常从 `http://192.168.x.x` 打开,那里
  `navigator.clipboard` 是 undefined,自动回退 `execCommand('copy')`。

## ④ 真机联调抓出并修掉一个时序缺陷(真浏览器 + 真服务端)
`DisplayPage` 的 `refreshLan()` 在挂载时跑,而 `auth` 是异步加载的——那一刻
`auth.readOnly` 必然为 true,卡片把「当前为只读访客」写进一个**普通 ref** 就返回了,
身份落定后没有任何东西再触发它:**管理员登录后卡片永远停在访客态,
`/api/system/network` 一次都没被请求**。
改为「gate 由 computed 直接渲染 + watch gate 变 null 时重跑加载」,并补回归钉子。
(同时修正了一条把该错误结构当成正确行为的源码断言用例。)
端到端证据:真服务 + 局域网 IP(真非安全上下文)→ 卡片列出两个地址、点击复制变
「已复制」(走 execCommand 回退)→ 浏览器渲染的二维码截图经 cv2 解出
`http://10.50.101.85:19861/display`。

## 文档
部署指南配置表与多屏行为、使用手册「大屏控制」与局域网设备段、devdocs 05/07/10/13、
升级说明新增 dev_0.4.0(含旧键废弃与启动提示)。**无数据迁移**,旧赛事包照常导入。

自检:服务端 13 包 ×2;前端 vue-tsc + 645 例 ×2 + build;Console 20 文件 + 68 例。
2026-09-12 16:25:04 +08:00

110 lines
4.6 KiB
Go

package httpapi_test
import (
"encoding/json"
"net"
"net/http"
"strings"
"testing"
"git.yeij.top/AskaEth/Scoreboard/server/internal/config"
"git.yeij.top/AskaEth/Scoreboard/server/internal/httpapi"
)
// GET /api/system/network 是给大屏控制页拼「平板能直接打开的链接」用的:
// recorder 起可读,guest 与未登录一律 403(与 /api/system/about 同档——机器级信息不给匿名访客)。
func TestSystemNetworkPermission(t *testing.T) {
env := newTestEnvWith(t, func(o *httpapi.Options) { o.Port = 18080 })
guest, _ := env.client()
if status, env2 := env.do(guest, http.MethodGet, "/api/system/network", nil, false); status != http.StatusForbidden ||
env2.Error == nil || env2.Error.Code != "FORBIDDEN" {
t.Fatalf("guest 读 network 应 403 FORBIDDEN,得到 %d %+v", status, env2.Error)
}
env.createUser("recorder", "recorder-pass", "recorder")
client, _ := env.client()
env.login(client, "recorder", "recorder-pass")
status, env2 := env.do(client, http.MethodGet, "/api/system/network", nil, false)
if status != http.StatusOK || !env2.OK {
t.Fatalf("recorder 读 network 应 200,得到 %d %+v", status, env2.Error)
}
}
// 响应形状是对前端契约:字段一个不多一个不少,port 必须是实际监听端口(测试注入 18080),
// 路径字段则要与服务端真的托管着的页面一致——前端是照它拼链接的,写错了就是死链。
func TestSystemNetworkShape(t *testing.T) {
env := newTestEnvWith(t, func(o *httpapi.Options) { o.Port = 18080 })
env.createUser("recorder", "recorder-pass", "recorder")
client, _ := env.client()
env.login(client, "recorder", "recorder-pass")
status, env2 := env.do(client, http.MethodGet, "/api/system/network", nil, false)
if status != http.StatusOK {
t.Fatalf("读 network 应 200,得到 %d", status)
}
var body map[string]any
if err := json.Unmarshal(env2.Data, &body); err != nil {
t.Fatalf("解析 network: %v (%s)", err, env2.Data)
}
assertKeys(t, "network", body, []string{"port", "displayPath", "adminPath", "addresses"})
if got, ok := body["port"].(float64); !ok || int(got) != 18080 {
t.Fatalf("port 应回注入的实际监听端口 18080,得到 %#v", body["port"])
}
if body["displayPath"] != "/display" || body["adminPath"] != "/admin" {
t.Fatalf("路径字段不符: displayPath=%#v adminPath=%#v", body["displayPath"], body["adminPath"])
}
// 路径字段指向的页面必须真的存在:改了前端产物名就会在这里红灯,而不是等到现场打开是 404。
for _, path := range []string{body["displayPath"].(string), body["adminPath"].(string)} {
code, raw := env.doRaw(client, http.MethodGet, path, nil, "", false)
if code != http.StatusOK || !strings.Contains(string(raw), "<html") {
t.Fatalf("路径 %s 应返回页面,得到 %d %.80s", path, code, raw)
}
}
// addresses 必须是数组(没有地址时是 [] 而不是 null),每条都带 ip/interface/family 且是 IPv4。
raw, ok := body["addresses"].([]any)
if !ok {
t.Fatalf("addresses 应是数组,得到 %#v", body["addresses"])
}
for _, item := range raw {
entry, ok := item.(map[string]any)
if !ok {
t.Fatalf("地址项应是对象,得到 %#v", item)
}
assertKeys(t, "addresses[]", entry, []string{"ip", "interface", "family"})
if entry["family"] != "ipv4" {
t.Fatalf("family 应为 ipv4,得到 %#v", entry["family"])
}
ip := net.ParseIP(entry["ip"].(string))
if ip == nil || ip.To4() == nil {
t.Fatalf("ip 应是 IPv4 文本,得到 %#v", entry["ip"])
}
// 回环与 link-local 是「拿得到、连不上」的地址,绝不能出现在给平板用的列表里。
if ip.IsLoopback() || ip.IsLinkLocalUnicast() {
t.Fatalf("不该出现回环 / link-local 地址: %#v", entry)
}
}
}
// 调用方忘了注入 Port 时也要给出一个真端口(config 的默认端口),不能是 :0 —— 那会拼出
// 一条根本打不开的链接。默认值的唯一来源是 config 包,本用例直接对比它,防止两处漂移。
func TestSystemNetworkPortFallsBackToConfigDefault(t *testing.T) {
env := newTestEnv(t)
env.createUser("recorder", "recorder-pass", "recorder")
client, _ := env.client()
env.login(client, "recorder", "recorder-pass")
_, env2 := env.do(client, http.MethodGet, "/api/system/network", nil, false)
var body map[string]any
if err := json.Unmarshal(env2.Data, &body); err != nil {
t.Fatalf("解析 network: %v (%s)", err, env2.Data)
}
want := config.Default().Server.Port
if got, ok := body["port"].(float64); !ok || int(got) != want {
t.Fatalf("未注入端口时应回 config 默认端口 %d,得到 %#v", want, body["port"])
}
}