nginx

关注公众号 jb51net

关闭
首页 > 网站技巧 > 服务器 > nginx > Nginx可视化nginxWebUI

Nginx可视化nginxWebUI的具体使用

作者:杨浦老苏

NginxWebUI 是一款图形化管理 nginx 配置的工具,可以使用网页来快速配置 nginx单机与集群的各项功能,本文就来介绍一下Nginx网页配置工具nginxWebUI的具体使用,感兴趣的可以了解一下

什么是 nginxWebUI ?

是一款图形化管理 nginx  配置的工具,可以使用网页来快速配置 nginx 单机与集群的各项功能,包括 http 协议转发, tcp 协议转发,反向代理,负载均衡,静态 html 服务器, ssl 证书自动申请、续签、配置等,配置好后可一建生成 nginx.conf 文件,同时可控制 nginx 使用此文件进行启动与重载,完成对 nginx 的图形化控制闭环。

官方宣称,虽然 NginxWebUI 并不能涵盖 nginx 所有功能,但能覆盖 nginx 日常 90% 的功能使用配置。

安装

在群晖上以 Docker 方式安装。

在注册表中搜索 nginxwebui ,选择第一个 cym1102/nginxwebui ,版本选择 latest

docker 文件夹中,创建一个新文件夹 nginxwebui ,并在其中建一个子文件夹 data

文件夹装载路径说明
docker/nginxwebui/data/home/nginxWebUI存放设置、数据库等

网络

勾选 使用与 Docker Host 相同的网络

环境

本地端口不冲突就行,不确定的话可以用命令查一下

# 查看端口占用
netstat -tunlp | grep 端口号
可变
BOOT_OPTIONS设置服务器端口,--server.port=8787

常规设置

这一步似乎非必要,如果有问题建议勾上再试试;

勾选 使用高权限还行容器

选择

命令行安装

如果你熟悉命令行,可能用 docker cli 更快捷

# 新建文件夹 nginxwebui 和 子目录
mkdir -p /volume2/docker/nginxwebui/data
# 进入 nginxwebui 目录
cd /volume2/docker/nginxwebui
# 运行容器
docker run -d \
   --restart unless-stopped \
   --name nginxwebui \
   --privileged=true \
   --net=host \
   -v $(pwd)/data:/home/nginxWebUI \
   -e BOOT_OPTIONS="--server.port=8787" \
   cym1102/nginxwebui:latest

也可以用 docker-compose 安装,将下面的内容保存为 docker-compose.yml 文件

version: '3'
services:
  nginxwebui:
    image: cym1102/nginxwebui:latest
    container_name: nginxwebui
    restart: unless-stopped
    privileged: true
    network_mode: host
    volumes:
      - ./data:/home/nginxWebUI
    environment:  
      - BOOT_OPTIONS=--server.port=8787  

然后执行下面的命令

# 新建文件夹 nginxwebui 和 子目录
mkdir -p /volume2/docker/nginxwebui/data
# 进入 nginxwebui 目录
cd /volume2/docker/nginxwebui
# 将 docker-compose.yml 放入当前目录
# 一键启动
docker-compose up -d

运行

在浏览器中输入 http://群晖IP:8787 就能看到初始化界面

设置用户名和密码

添加成功之后,需要登录

登录成功后的主界面

开发接口直接访问 http://群晖IP:8787/doc.html 就可以看到 knife4j 接口页面

这个软件老苏是完全不会用的,别说现在没时间,就是有时间估计也不一定搞得明白,所以就不瞎扯了,去看官方提供的详细说明吧

国外用户:https://github.com/cym1102/nginxWebUI#使用说明

国内用户:https://gitee.com/cym1102/nginxWebUI#使用说明

不想看文字还可以看视频教程👇

https://www.bilibili.com/video/BV18A4y1D7GZ

参考文档

cym1102/nginxWebUI: Nginx Web page configuration tool. Use web pages to quickly configure Nginx. Nginx网页管理工具,使用网页来快速配置与管理nginx单机与集群
地址:https://github.com/cym1102/nginxWebUI

nginxWebUI - 首页
地址:https://www.nginxwebui.cn/

Nginx WebUI管理平台 - 常见-youmen - 博客园
地址:https://www.cnblogs.com/you-men/p/13460196.html

到此这篇关于Nginx网页配置工具nginxWebUI的具体使用的文章就介绍到这了,更多相关Nginx网页配置工具nginxWebUI内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

您可能感兴趣的文章:
阅读全文