还在对着黑乎乎的命令行敲 Nginx 配置？还在为复杂的证书申请和续签头疼？别担心，开源项目 0xJacky/nginx-ui 带着它的可视化界面来拯救你了！这个由 0xJacky 和 Hintay 两位大神联手打造的 Nginx 网络管理界面，让你轻松驾驭 Nginx，就像玩游戏一样简单！
一、项目简介
Nginx UI，顾名思义，就是一个 Nginx 的 Web UI，让你通过浏览器就能管理你的 Nginx 服务器。它不仅提供了直观的界面，还集成了许多实用功能，让你告别繁琐的命令行操作。想象一下，你可以一边喝着咖啡，一边轻松配置 Nginx，是不是很惬意？
1. 在线预览
如果你想先体验一下 Nginx UI 的魅力，可以访问 https://demo.nginxui.com，使用用户名 admin 和密码 admin 登录体验。不过，请不要在演示环境中进行任何破坏性操作哦！
2. 项目特色
- 服务器监控： 实时查看 CPU、内存、系统负载、磁盘使用率等指标，让你的服务器状态一目了然。
- ChatGPT 助理： 内置 ChatGPT 助理，随时解答你的疑惑，简直是 Nginx 配置的贴心小棉袄。
- 证书管理： 一键申请和自动续签 Let's Encrypt 证书，再也不用为证书问题烦恼了。
- 配置编辑： 在线编辑 Nginx 配置文件，支持语法高亮，妈妈再也不用担心我写错配置了！
- 日志查看： 在线查看 Nginx 日志，快速定位问题，让你的排错效率大大提升。
- 轻量级： 使用 Go 和 Vue 开发，发行版本为单个可执行的二进制文件，轻巧又便捷。
- 自动测试： 保存配置后自动测试配置文件并重载 Nginx，确保你的配置万无一失。
- 高级终端： 基于网页浏览器的高级命令行终端，让你在浏览器中也能体验命令行操作的快感。
- 深色模式： 支持深色模式，保护你的眼睛，让你在夜晚也能舒适地使用。
- 自适应设计： 自适应网页设计，无论你使用电脑、平板还是手机，都能获得最佳体验。
3. 国际化支持
Nginx UI 支持英语、简体中文和繁体中文，让全球用户都能轻松上手。
4. 技术栈
Nginx UI 基于以下技术构建：
- Go
- Gin Web Framework
- GORM
- Vue 3
- Vite
- TypeScript
- Ant Design Vue
- vue3-gettext
- vue3-ace-editor
- Gonginx
二、入门指南
1. 使用前注意
Nginx UI 遵循 Debian 的网页服务器配置文件标准，非 Debian 系统可能需要修改 nginx.conf 配置文件。请务必注意配置文件的组织方式，以免出现意想不到的问题。
2. 安装方式
Nginx UI 支持 macOS、Linux、FreeBSD、OpenBSD、Dragonfly BSD、OpenWrt 等多种平台。你可以从 最新发行 (latest release) 下载，或者使用 Linux 安装脚本。
3. 使用方法
- 执行文件： 直接运行或在后台运行，简单粗暴。
- Systemd： 使用 systemctl 命令控制，更加规范。
- Docker： 推荐使用 uozi/nginx-ui:latest 镜像，基于 nginx:latest 构建，方便快捷。
三、手动构建
如果你想自己构建 Nginx UI，可以按照以下步骤操作：
1. 依赖
- Make
- Golang 1.23+
- Node.js 21+
2. 构建步骤
- 构建前端： 在 app 目录中执行 pnpm install 和 pnpm build。
- 构建后端： 在项目根目录执行 go build 命令。
四、Linux 安装脚本
1. 基本用法
- 安装或升级： 使用 install 参数。
- 卸载： 使用 remove 参数。
2. 更多用法
使用 help 参数查看更多用法，就像玩游戏一样，探索更多隐藏功能！
五、Nginx 反向代理配置示例
项目还提供了一个 Nginx 反向代理配置示例，用于将 Nginx UI 部署到生产环境，让你轻松应对高并发场景。
六、开源许可
本项目基于 GNU Affero Public License v3.0 (AGPLv3) 许可，请在使用时遵守相关规定。
总而言之，Nginx UI 是一个非常实用的开源项目，它让 Nginx 管理变得更加简单、高效。如果你还在为 Nginx 配置而苦恼，不妨试试 Nginx UI，相信它会给你带来全新的体验！