Nginx UI:一款开源的Nginx可视化管理界面,让你轻松管理nginx的配置

06-01 1312阅读

嗨,大家好,我是小华同学,关注我们获得“最新、最全、最优质”开源项目和工作学习方法

Nginx UI:一款开源的Nginx可视化管理界面,让你轻松管理nginx的配置

 

Nginx UI是由0xJacky和Hintay共同开发的一款Nginx网络管理界面。它旨在为Nginx提供一个易于使用的图形界面,让用户可以在线查看服务器状态、编辑配置文件、管理网站和证书等。

想要一睹为快?访问

https://demo.nginxui.com/

使用以下凭据登录:

  • 用户名:admin

  • 密码:admin

    特色功能

    Nginx UI拥有以下亮点功能:

    • 在线监控服务器状态:实时查看服务器的CPU、内存、系统负载、磁盘使用率等关键指标。

    • 集成ChatGPT助手:直接在界面中与ChatGPT进行交互。

    • 一键申请和续签Let's Encrypt证书:简化SSL证书的管理流程。

    • 在线编辑Nginx配置文件:支持Nginx配置语法高亮,轻松管理和编辑配置文件。

    • 在线查看Nginx日志:方便地查看和分析Nginx的访问和错误日志。

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

    • 自动测试和重载Nginx配置:保存配置后,自动测试配置文件的正确性并重载Nginx。

    • 高级命令行终端:基于网页浏览器的终端,支持执行系统命令。

    • 支持深色模式:界面风格适配深色模式,保护眼睛。

    • 自适应设计:无论在桌面还是移动设备上,都能提供良好的用户体验。

      国际化

      Nginx UI支持以下语言:

      • 英语

      • 简体中文

      • 繁体中文

        我们欢迎您将项目翻译成任何语言。

        构建基础

        Nginx UI基于以下技术和框架构建:

        • The Go Programming Language

        • Gin Web Framework

        • GORM

        • Vue 3

        • Vite

        • TypeScript

        • Ant Design Vue

        • vue3-gettext

        • vue3-ace-editor

        • Gonginx

          入门指南

          使用前注意

          Nginx UI 遵循Debian的网页服务器配置文件标准。创建的网站配置文件将会放置于Nginx配置文件夹(自动检测)下的 sites-available 中,启用后的网站将会创建一份配置文件软连接到 sites-enabled 文件夹。如果您使用的是非Debian(及Ubuntu)系统,可能需要调整Nginx配置文件的组织方式。

          安装

          Nginx UI支持多种平台,包括但不限于macOS、Linux、FreeBSD、OpenBSD、Dragonfly BSD和Openwrt。您可以在最新发行版中下载预构建的二进制文件,或者使用Linux安装脚本。

          使用方法

          第一次运行Nginx UI时,请在浏览器中访问 http://: 完成配置。

          通过执行文件运行

          在终端中运行Nginx UI:

          ./nginx-ui
          

          或在后台运行:

          nohup ./nginx-ui -config app.ini &
          

          使用以下命令停止Nginx UI:

          kill -9 $(ps -aux | grep nginx-ui | grep -v grep | awk '{print $2}')
          
          使用Systemd

          如果使用Linux安装脚本,Nginx UI将作为 nginx-ui 服务安装在systemd中。使用以下命令控制:

          • 启动:systemctl start nginx-ui

          • 停止:systemctl stop nginx-ui

          • 重启:systemctl restart nginx-ui

            使用Docker

            使用以下命令运行Nginx UI Docker镜像:

            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 \
              -p 8080:80 -p 8443:443 \
              uozi/nginx-ui:latest
            

            请注意,映射到 /etc/nginx 的目录必须为空文件夹。

            手动构建

            对于没有官方构建版本的平台,可以尝试手动构建。请确保安装了Make、Golang 1.23+和node.js 21+。

            构建前端

            在 app 目录中执行以下命令:

            npm install
            npm run build
            

            构建后端

            回到项目根目录,执行以下命令:

            go build -tags=jsoniter -ldflags "$LD_FLAGS -X 'github.com/0xJacky/Nginx-UI/settings.buildTime=$(date +%s)'" -o nginx-ui -v main.go
            

            Linux安装脚本

            使用以下命令安装或升级Nginx UI:

            bash 
免责声明:我们致力于保护作者版权,注重分享,被刊用文章因无法核实真实出处,未能及时与作者取得联系,或有版权异议的,请联系管理员,我们会立即处理! 部分文章是来自自研大数据AI进行生成,内容摘自(百度百科,百度知道,头条百科,中国民法典,刑法,牛津词典,新华词典,汉语词典,国家院校,科普平台)等数据,内容仅供学习参考,不准确地方联系删除处理! 图片声明:本站部分配图来自人工智能系统AI生成,觅知网授权图片,PxHere摄影无版权图库和百度,360,搜狗等多加搜索引擎自动关键词搜索配图,如有侵权的图片,请第一时间联系我们。

目录[+]

取消
微信二维码
微信二维码
支付宝二维码