- RouteModal: routeType, networkRange, domains, distributionGroups, metric - SetupKeyModal: createTitle, nameHelp, usageLimitHelp, expiresIn - CreateAccessTokenModal: tokenName, tokenNameHelp, tokenExpiresIn - Add corresponding keys to en.ts and zh.ts
1.5 KiB
1.5 KiB
对等节点模块
功能
管理网络对等节点 - 查看、配置和监控已连接的设备。
API 接口
GET /api/peers- 列出所有对等节点GET /api/peers/:id- 获取对等节点详情PUT /api/peers/:id- 更新对等节点DELETE /api/peers/:id- 删除对等节点
关键类型
interface Peer {
id: string;
name: string;
ip: string;
connected: boolean;
last_seen: string;
os: OperatingSystem;
version: string;
groups: Group[];
// ... 更多字段
}
文件路径
src/modules/peers/- UI 组件src/contexts/PeersProvider.tsx- 数据提供者src/interfaces/Peer.ts- 类型定义src/app/(dashboard)/peers/page.tsx- 页面组件src/app/(dashboard)/peer/[id]/page.tsx- 详情页面
组件
PeersTable.tsx- 主要对等节点列表表格PeerNameCell.tsx- 对等节点名称显示PeerAddressCell.tsx- IP 地址显示PeerStatusCell.tsx- 连接状态PeerOSCell.tsx- 操作系统图标PeerGroupCell.tsx- 分组成员资格PeerActionCell.tsx- 操作按钮PeerMultiSelect.tsx- 多对等节点选择器
使用方法
import { usePeers } from "@/contexts/PeersProvider";
function MyComponent() {
const { peers, isLoading } = usePeers();
// ...
}
命令
- 页面:
/peers - 详情:
/peer/:id
注意事项
- 对等节点列表可能很大 - 使用虚拟滚动
- 状态更新通过轮询实现(SWR refreshInterval)
- 操作系统图标位于
src/assets/os-icons/