Nginx 的UI管理界面_nginx-ui

参考链接：GitHub - 0xJacky/nginx-ui at master

安装链接： https://github.com/0xJacky/nginx-ui/blob/master/README-zh_CN.md#linux-%E5%AE%89%E8%A3%85%E8%84%9A%E6%9C%AC

1 功能说明

• 在线查看服务器的CPU使用率、内存使用率、平均负载和磁盘使用率。
• 在线聊天GPT助手
• 一键申请和自动续订Let's encrypt加密证书。
• 在线编辑nginx配置文件，编辑器支持高亮显示nginx的配置语法。
• 在线查看Nginx访问或错误日志
• 使用Go和Vue编写的，发行版本是一个可执行的单个二进制文件。
• 保存配置后，自动测试配置文件并重新加载nginx。
• 基于网页浏览器的高级命令行终端
• 支持浅色和深色模式
• 自适应网页设计

2 安装部署

本文档只介绍linux系统安装，其他安装方式请查看官网

2.1 安装或升级

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

查看启动状态

systemctl status nginx-ui

2.2 卸载 Nginx UI 但保留配置和数据库文件

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

2.3 更多用法

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

2.4 配置代理

如果前面需要加代理，配置文件参考

server {
    listen          80;
    listen          [::]:80;
 
    server_name     <your_server_name>;
    rewrite ^(.*)$  https://$host$1 permanent;
}
 
map $http_upgrade $connection_upgrade {
    default upgrade;
    ''      close;
}
 
server {
    listen  443       ssl http2;
    listen  [::]:443  ssl http2;
 
    server_name         <your_server_name>;
 
    ssl_certificate     /path/to/ssl_cert;
    ssl_certificate_key /path/to/ssl_cert_key;
 
    location / {
        proxy_set_header    Host                $host;
        proxy_set_header    X-Real-IP           $remote_addr;
        proxy_set_header    X-Forwarded-For     $proxy_add_x_forwarded_for;
        proxy_set_header    X-Forwarded-Proto   $scheme;
        proxy_http_version  1.1;
        proxy_set_header    Upgrade             $http_upgrade;
        proxy_set_header    Connection          $connection_upgrade;
        proxy_pass          http://127.0.0.1:9000/;
    }
}

3 配置界面

3.1 修改配置文件

配置文件路径：/usr/local/etc/nginx-ui/app.ini

以下#号开头注释需要在使用中删除，仅作为说明

[server]
RunMode           = release
HttpPort          = 9000
HTTPChallengePort = 9180
#以下参数在登录页面时注册后生成
JwtSecret         = d2ffac06-f3ab-4465-8d8c-430a89591902
Email             = 1234567@qq.com
Database          = database
StartCmd          = login
Demo              = false
PageSize          = 10
#配置git代理
GithubProxy       = https://ghproxy.com/
#配置本地nginx配置路径
NginxConfigDir    = /usr/local/openresty/nginx/nginx/conf
#配置本地nginx的日志路径
NginxPIDPath      = /usr/local/openresty/nginx/nginx/logs/
 
[openai]
#如果有ai相关的链接可以配置
BaseUrl = 
Token   = 
Proxy   = 
Model   = 
 
[git]
#git的用户路径
Url                = 
AuthMethod         = 
Username           = 
Password           = 
PrivateKeyFilePath = 
 
[nginx_log]
#配置nginx的访问和错误日志文件绝对路径，可用在页面进行配置
AccessLogPath = /usr/local/openresty/nginx/nginx/logs/host.access.log
ErrorLogPath  = /usr/local/openresty/nginx/nginx/logs/error.log

配置完后重新启动服务既可以

3.2 页面演示

http://192.168.100.1:9000

1)初次登录需要进行用户注册，然后点击install

2)安装完成后进行用户登录，admin/admin

3)登录成功后可以查看到服务器资源的相关信息

4）在线修改配置文件

5）通过terminal登录服务终端

6）查看nginx日志

7）自定义配置