基于 WEB-UI-Development-Guide 标准的整体升级,并更名 LokiDeploy → opsx-loki。 前端(Gin+React+shadcn/ui): - 按 02/07 章重构:页面域化拆分(无超 400 行文件)、PageContainer/ListQuery、 反馈分级(成功静默/失败 toast/危险确认)、401 单飞刷新+队列重放 - 暗色模式(next-themes)+ 语义 Token(--primary 品牌色/success/warning/info) - 部署向导(状态推导四步:环境→存储→Loki→采集,内嵌表单闭环) - 日志查询页:LogQL 标签构建器/拖拽直方图/日志上下文/Live Tail/查询历史 - 按用户+标签策略的查询授权(服务端强制合并策略) 后端(Go+Gin+JSON DB): - 简单用户管理(仅 admin,无 RBAC)+ TokenVersion 会话吊销 + 登录 IP 限流 - LDAP 接入:配置(AES 加密存储/hasPassword 脱敏)/测试连接/批量导入/登录 - 存储配置测试连接(SigV4 零依赖)+ 桶不存在自动创建 - Loki 三模式部署修复:SSH 密钥认证、3.x 配置模板、ruler 对象存储嵌套块、 凭证解密、孤儿 deploying 状态恢复、Grafana 部署(可选默认关)+面板导入 - DaemonSet 采集纯 YAML(去 helm 依赖)+ DNS 自愈回退 ClusterIP + 集群名标签 - 日志查询代理:cluster-svc 经 kube-apiserver proxy/url 直连 + cursor 翻页 - 统一 log 命名空间;部署就绪探活;Grafana 访问地址自动记录 修复:run.sh 增量编译检测、Sanitized 脱敏补全、LokiDeployment Update 白名单、 健康检查 CreatedAt 零值等 10+ 存量 bug。 数据兼容:DB 沿用旧 lokideploy.json(新名优先);localStorage 一次性迁移; HKDF 加密前缀保留(已加密凭证不受影响)。
66 lines
2.2 KiB
TypeScript
66 lines
2.2 KiB
TypeScript
// Loki 部署域 API
|
|
import { http, buildQuery, type ListParams, type RequestOptions } from '../http';
|
|
import type {
|
|
PageData,
|
|
LokiDeployment,
|
|
DeploymentLog,
|
|
DashboardStats,
|
|
CreateDeploymentRequest,
|
|
} from '@/types';
|
|
|
|
export type DeploymentUpdateInput = Partial<CreateDeploymentRequest>;
|
|
|
|
export const deploymentApi = {
|
|
list: (params: ListParams = {}, options?: RequestOptions) =>
|
|
http.get<PageData<LokiDeployment>>(`/deployments${buildQuery(params)}`, options),
|
|
|
|
get: (id: number) => http.get<LokiDeployment>(`/deployments/${id}`),
|
|
|
|
create: (data: CreateDeploymentRequest) => http.post<LokiDeployment>('/deployments', data),
|
|
|
|
update: (id: number, data: DeploymentUpdateInput) =>
|
|
http.put<{ message: string }>(`/deployments/${id}`, data),
|
|
|
|
remove: (id: number) => http.delete<{ message: string }>(`/deployments/${id}`),
|
|
|
|
deploy: (id: number) => http.post<{ message: string }>(`/deployments/${id}/deploy`),
|
|
|
|
stop: (id: number) => http.post<{ message: string }>(`/deployments/${id}/stop`),
|
|
|
|
restart: (id: number) => http.post<{ message: string }>(`/deployments/${id}/restart`),
|
|
|
|
logs: (id: number, params: ListParams = {}) =>
|
|
http.get<PageData<DeploymentLog>>(
|
|
`/deployments/${id}/logs${buildQuery({ page: 1, pageSize: 50, ...params })}`
|
|
),
|
|
|
|
stats: () => http.get<DashboardStats>('/deployments/stats'),
|
|
|
|
// 部署就绪探测(经自动注册数据源访问 Loki /ready)
|
|
ready: (id: number) => http.get<{ ready: boolean; message: string }>(`/deployments/${id}/ready`),
|
|
|
|
// 支持的 Loki 版本列表(部署表单版本下拉数据源)
|
|
versions: () => http.get<{ versions: string[] }>('/deployments/versions'),
|
|
|
|
// 向导预检:聚合存储/集群/主机/Loki/采集器状态(状态推导式向导数据源)
|
|
preflight: () =>
|
|
http.get<{
|
|
hasStorage: boolean
|
|
defaultStorage: string
|
|
hasActiveCluster: boolean
|
|
clusterNames: string[]
|
|
hasActiveHost: boolean
|
|
hostNames: string[]
|
|
runningLoki: null | {
|
|
id: number
|
|
name: string
|
|
mode: string
|
|
endpoint: string
|
|
namespace: string
|
|
grafana: boolean
|
|
}
|
|
activeCollectors: number
|
|
grafanaReady: boolean
|
|
}>('/deployments/preflight'),
|
|
};
|