BackIconnezha-dash 简易部署教程

2024年7月27日

Openai logomark

Hamster1963

项目信息

https://github.com/hamster1963/nezha-dash

NezhaDash 是一个基于 Next.js 和 哪吒监控 的仪表盘。

Untitled

项目架构

为了使得项目可以部署在 Serverless 环境中,因此采用 Next.js 的 Route Handlers 作为后端进行数据获取。

Routing: Route Handlers

页面中通过 SWR 来进行全局数据的获取,在 Handlers 中进行 nezha 面板数据的获取与处理。

Frame 10.png

项目部署

获取 nezha 面板地址URL

Untitled

获取完整的面板 URL 根路径。

获取 nezha API Token

创建 Token 位置:管理后台 → API Token

Untitled

Untitled

Untitled

Fork 至自己仓库

Untitled

在 Vercel 中创建新项目,填入环境变量

NezhaBaseUrl: 面板URL

NezhaAuth: 管理后台创建的 API Token

NEXT_PUBLIC_NezhaFetchInterval: 获取数据间隔(毫秒)

其他环境变量可以参考 nezha-dash 环境变量

Untitled

Deploy! 大功告成!