首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >推荐一个非常牛皮的nginx图形管理项目

推荐一个非常牛皮的nginx图形管理项目

作者头像
IT运维技术圈
发布2024-11-23 09:39:01
发布2024-11-23 09:39:01
49000
代码可运行
举报
文章被收录于专栏:IT运维技术圈IT运维技术圈
运行总次数:0
代码可运行

大家好,波哥又来给大家推荐好东西啦!

nginx-ui 是一个开源项目,旨在提供一个图形用户界面(GUI)来管理和配置 Nginx 服务器。该项目可以方便地对 Nginx 的配置进行可视化管理,而不需要手动编辑配置文件,这对于不熟悉 Nginx 配置文件语法的用户尤其有帮助。

项目的主要功能

  • 可视化管理:提供用户友好的界面来管理 Nginx 配置。
  • 配置备份和恢复:可以轻松备份当前配置,并在需要时进行恢复。
  • 日志查看:通过界面查看 Nginx 的访问日志和错误日志。
  • 服务器状态监控:实时监控服务器状态和性能指标。

优势功能

  • 在线查看服务器 CPU、内存、系统负载、磁盘使用率等指标
  • 在线 ChatGPT 助理
  • 一键申请和自动续签 Let's encrypt 证书
  • 在线编辑 Nginx 配置文件,编辑器支持 Nginx 配置语法高亮
  • 在线查看 Nginx 日志
  • 使用 Go 和 Vue 开发,发行版本为单个可执行的二进制文件
  • 保存配置后自动测试配置文件并重载 Nginx
  • 基于网页浏览器的高级命令行终端
  • 支持深色模式
  • 自适应网页设计

部署方式

容器

要在自己的服务器上部署 nginx-ui,你可以按照以下步骤进行:

准备环境:

确保服务器上已经安装了 Nginx。

安装 Docker(推荐使用 Docker 进行部署)。

克隆项目:

代码语言:javascript
代码运行次数:0
运行
复制
git clone https://github.com/0xJacky/nginx-ui.git
cd nginx-ui

构建 Docker 镜像:

代码语言:javascript
代码运行次数:0
运行
复制
docker build -t nginx-ui .

运行 Docker 容器:

代码语言:javascript
代码运行次数:0
运行
复制
-p 8080:80 将容器的80端口映射到主机的8080端口。-v /etc/nginx:/etc/nginx 将主机的Nginx配置目录挂载到容器内。-v /var/log/nginx:/var/log/nginx 将主机的Nginx日志目录挂载到容器内。
代码语言:javascript
代码运行次数:0
运行
复制
docker run -d -p 8080:80 -v /etc/nginx:/etc/nginx -v /var/log/nginx:/var/log/nginx nginx-ui

访问界面:

在浏览器中输入 http://your-server-ip:8080,即可访问 Nginx-UI 的图形界面。

截图

linux部署

安装或升级

代码语言:javascript
代码运行次数:0
运行
复制
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,HTTP Challenge 端口默认为 9180,如果出现端口冲突请进入 /usr/local/etc/nginx-ui/app.ini 修改,并使用 systemctl restart nginx-ui 重启 Nginx UI 服务。

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

代码语言:javascript
代码运行次数:0
运行
复制
bash <(curl -L -s https://mirror.ghproxy.com/https://raw.githubusercontent.com/0xJacky/nginx-ui/master/install.sh) remove

更多用法

代码语言:javascript
代码运行次数:0
运行
复制
bash <(curl -L -s https://mirror.ghproxy.com/https://raw.githubusercontent.com/0xJacky/nginx-ui/master/install.sh) help

Nginx 反向代理配置示例

代码语言:javascript
代码运行次数:0
运行
复制
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;
    listen  [::]:443  ssl;
    http2   on;

    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/;
    }
}
代码语言:javascript
代码运行次数:0
运行
复制
地址
代码语言:javascript
代码运行次数:0
运行
复制
项目地址:
https://github.com/0xJacky/nginx-ui
在线预览:
https://demo.nginxui.com
用户名:admin
密码:admin

‍‍‍‍‍觉得不错别忘了给波哥一键三连哦!

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2024-10-08,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 IT运维技术圈 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 项目的主要功能
  • 部署方式
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档