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

打印 上一主题 下一主题

主题 899|帖子 899|积分 2697

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


 
   Nginx UI是由0xJacky和Hintay共同开发的一款Nginx网络管理界面。它旨在为Nginx提供一个易于利用的图形界面,让用户可以在线检察服务器状态、编辑设置文件、管理网站和证书等。
  想要一睹为快?访问
  1. 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://<your_server_ip>:<listen_port> 完成设置。
通过执行文件运行

在终端中运行Nginx UI:
  1. ./nginx-ui
复制代码
或在后台运行:
  1. nohup ./nginx-ui
  2.  -config app.ini &
复制代码
利用以下命令停止Nginx UI:
  1. 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镜像:
  1. docker run -dit \
  2.   --name=nginx-ui \
  3.   --restart=always \
  4.   -e TZ=Asia/Shanghai \
  5.   -v /mnt/user/appdata/nginx:/etc/nginx \
  6.   -v /mnt/user/appdata/nginx-ui:/etc/nginx-ui \
  7.   -p 8080:80 -p 8443:443 \
  8.   uozi/nginx-ui:latest
复制代码
请注意,映射到 /etc/nginx 的目次必须为空文件夹。
手动构建

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

在 app 目次中执行以下命令:
  1. npm install
  2. npm run build
复制代码
构建后端

回到项目根目次,执行以下命令:
  1. 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:
  1. 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 并重启服务。
利用以下命令卸载Nginx UI:
  1. bash <(curl -L -s https://mirror.ghproxy.com/https://raw.githubusercontent.com/0xJacky/nginx-ui/master/install.sh) remove
复制代码
Nginx反向署理设置示例

以下是一个Nginx反向署理设置的示例:
  1. server {
  2.     listen          80;
  3.     listen          [::]:80;
  4.     server_name     <your_server_name>;
  5.     rewrite ^(.)$  https://$host$1 permanent;
  6. }
  7. map $http_upgrade $connection_upgrade {
  8.     default upgrade;
  9.     ''      close;
  10. }
  11. server {
  12.     listen  443       ssl;
  13.     listen  [::]:443  ssl;
  14.     http2   on;
  15.     server_name         <your_server_name>;
  16.     ssl_certificate     /path/to/ssl_cert;
  17.     ssl_certificate_key /path/to/ssl_cert_key;
  18.     location / {
  19.         proxy_set_header    Host                $host;
  20.         proxy_set_header    X-Real-IP           $remote_addr;
  21.         proxy_set_header    X-Forwarded-For     $proxy_add_x_forwarded_for;
  22.         proxy_set_header    X-Forwarded-Proto   $scheme;
  23.         proxy_http_version  1.1;
  24.         proxy_set_header    Upgrade             $http_upgrade;
  25.         proxy_set_header    Connection          $connection_upgrade;
  26.         proxy_pass          http://127.0.0.1:9000/;
  27.     }
  28. }
复制代码
界面结果






相似项目

Nginx Admin

Nginx Admin 是一个基于PHP的Nginx管理界面。它提供了基本的Nginx设置文件管理和服务器状态监控功能。


  • 优点:易于安装,界面简洁。
  • 缺点:功能相对有限,安全性较低。
Nginx Proxy Manager

Nginx Proxy Manager 是一个基于Python的Nginx署理管理工具。它允许用户通过Web界面管理Nginx署理服务器。


  • 优点:支持多用户访问,功能丰富。
  • 缺点:需要额外的Nginx设置,学习曲线较陡峭。
Nginx UI

Nginx UI 是一个现代化的Nginx管理界面,提供了丰富的功能和直观的操纵体验。


  • 优点:功能全面,支持在线编辑设置文件,界面雅观,易于利用。
  • 缺点:需要肯定的系统资源,对新手友好度有待提高。
总结

在选择Nginx管理工具时,建议根据现实需求和项目大小进行选择。Nginx UI作为一个功能全面的解决方案,适合需要高级设置和管理的用户。
项目地址

  1. https://github.com/0xJacky/nginx-ui
复制代码
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。
回复

使用道具 举报

0 个回复

倒序浏览

快速回复

您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

滴水恩情

金牌会员
这个人很懒什么都没写!
快速回复 返回顶部 返回列表