界面化管理Nginx的工具—NginxUI简介与搭建

 转载说明:如果您喜欢这篇文章并打算转载它,请私信作者取得授权。感谢您喜爱本文,请文明转载,谢谢。


1. NginxUI简介

1.1 NginxUI介绍

Nginx UI 是一个全新的 Nginx 网络管理界面,旨在简化 Nginx 服务器的管理和配置。它提供实时服务器统计数据、ChatGPT 助手、一键部署、Let's Encrypt 证书的自动续签以及用户友好的网站配置编辑工具。

此外,Nginx UI 还提供了在线访问 Nginx 日志、配置文件的自动测试和重载、网络终端、深色模式和自适应网页设计等功能。Nginx UI 采用 Go 和 Vue 构建,确保在管理 Nginx 服务器时提供无缝高效的体验。

1.2 特点

  • 在线查看服务器 CPU、内存、系统负载、磁盘使用率等指标

  • 在线 ChatGPT 助理

  • 一键申请和自动续签 Let's encrypt 证书

  • 在线编辑 Nginx 配置文件,编辑器支持 Nginx 配置语法高亮

  • 在线查看 Nginx 日志

  • 使用 Go 和 Vue 开发,发行版本为单个可执行的二进制文件

  • 保存配置后自动测试配置文件并重载 Nginx

  • 基于网页浏览器的高级命令行终端

  • 支持深色模式

  • 自适应网页设计

1.3 可用平台

  • macOS 11 Big Sur 及之后版本(amd64 / arm64)

  • Linux 2.6.23 及之后版本(x86 / amd64 / arm64 / armv5 / armv6 / armv7)

    • 包括但不限于 Debian 7 / 8、Ubuntu 12.04 / 14.04 及后续版本、CentOS 6 / 7、Arch Linux

  • FreeBSD

  • OpenBSD

  • Dragonfly BSD

  • Openwrt

1.4 支持语言

  • 英语

  • 简体中文

  • 繁体中文

2. NginxUI搭建

2.1 Docker方式搭建

官方有提供docker镜像版本uozi/nginx-ui:latest来启动,可直接下载启动:

docker run -dit \
  --name=nginx-ui \
  --restart=always \
  -e TZ=Asia/Shanghai \
  -v /mnt/user/appdata/nginx:/etc/nginx \
  -v /mnt/user/appdata/nginx-ui:/etc/nginx-ui \
  -v /var/www:/var/www \
  -p 8080:80 -p 8443:443 \
  uozi/nginx-ui:latest

访问NginxUI

图片

配置初始账号后登录:

图片

图片

可以在登录时设置语言,也可以在登录后在仪表盘右上角设置语言:

图片

官方镜像版本uozi/nginx-ui:latest默认是基于nginx:latest构建,如果想指定别的版本,可以自定义构建镜像部署,也可以使用脚本的方式启动NginxUI

2.2 使用脚本方式启动NginxUI

原始包下载地址:https://github.com/0xJacky/nginx-ui/releases/download/v2.0.0-beta.42/nginx-ui-linux-64.tar.gz

官方提供了脚本部署的方法:

bash <(curl -L -s https://mirror.ghproxy.com/https://raw.githubusercontent.com/0xJacky/nginx-ui/master/install.sh) install -r https://mirror.ghproxy.com/

启动之后,使用9000端口访问:

图片

和Docker方式一样,初始化后登录就能看到仪表盘了:

图片

部署好之后,怎么使用呢?先一起来测测看?

参考:https://nginxui.com/

欢迎关注SRE成长记一起探讨学习!↓↓↓

### 如何使用 Nginx-UI 的前提条件 为了通过图形界面管理 NGINX 并配置其连接到 MySQL,需先确保已正确安装并启动了 NginxNginx-UI 组件。对于基于 Debian 或 Ubuntu 系统而言,可以通过如下命令来完成必要的软件包更新安装[^4]: ```bash sudo apt-get update && sudo apt-get install -y nginx ``` #### 安装和部署 Nginx-UI Nginx-UI 是一款用于管理和监控 NGINX 性能以及简化配置过程的应用程序。具体安装方法取决于所使用的平台和支持的技术栈。 #### 配置 NGINX 作为反向代理服务器访问 MySQL 虽然 NGINX 主要不是用来直接处理 SQL 请求的工具,但是可以将其设置成一个反向代理服务器以便于前端应用更安全高效地同后端数据库交互。下面是一个简单的例子展示如何定义上游模块指向本地或其他位置上的 MySQL 实例: ```nginx http { upstream mysql_backend { server localhost:3306; } server { listen 80; server_name example.com; location /mysql/ { proxy_set_header Host $host; proxy_pass http://mysql_backend/; } } } ``` 此段代码展示了如何创建名为 `mysql_backend` 的上游组,并指定它应转发请求至本机默认 MySQL 端口 (即 3306)[^3]。需要注意的是,在实际生产环境中应当替换掉这里的 IP 地址及端口号以匹配真实的 MySQL 数据库地址。 #### 设置数据源 URL 参数 当涉及到 Kubernetes 中托管的服务时,则可能需要调整环境变量中的 JDBC URL 来指明目标 MySQL 库的位置。例如: ```properties spring.datasource.url=jdbc:mysql://<MYSQL_SERVICE_HOST>:<MYSQL_SERVICE_PORT>/databaseName?useSSL=false&serverTimezone=UTC ``` 这里 `<MYSQL_SERVICE_HOST>` 和 `<MYSQL_SERVICE_PORT>` 将由 K8S 自动解析为对应 Pod 的内部网络信息;而 `databaseName` 则代表想要操作的具体数据库名称[^1]。 #### 执行查询语句测试连通性 一旦完成了上述所有步骤之后就可以尝试执行一些基础性的 SELECT 查询来进行初步验证工作了。比如读取菜单表的数据结构: ```javascript db.query("SELECT * FROM t_menu ORDER BY tree_pid, tree_id", function(error, results){ if (!error) console.log(results); }); ``` 这段 JavaScript 代码片段可用于 Node.js 环境下发起对 MySQL 表 `t_menu` 的检索请求,并按照特定字段排序返回结果集给回调函数处理[^5]。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值