强大的NGINX配置生成器 可视化配置HTTP/2+HTTPS+SSL 一键生成专业配置文件 帕斯内网穿透远程访问

项目介绍

NGINX Config 是一个强大的 NGINX 配置生成器，由 DigitalOcean 开发维护。这是一个基于 Vue.js 构建的 Web 应用程序，能够帮助用户快速生成专业级的 NGINX 配置文件，无需深入了解复杂的 NGINX 配置语法。

该工具支持众多高级功能配置，包括 HTTPS、HTTP/2、IPv6、Let's Encrypt 证书自动化、HSTS 安全头、SSL 配置文件、OCSP 解析器、缓存优化、Gzip 和 Brotli 压缩、反向代理、CDN 配置等。特别适合需要快速部署高性能 Web 服务器的开发者和运维人员使用。

界面简洁直观，通过可视化的配置选项，用户可以轻松设置各种 NGINX 功能，实时预览生成的配置文件，并支持一键下载完整的配置包。项目完全开源，代码质量高，文档完善。

项目地址： 点我跳转

部署安装

如需在外也打开项目需要配置内网穿透使用，点击前往 帕斯内网穿透，先注册好账号备用。

由于该项目是一个前端应用，我们可以使用 Node.js 环境来运行。最简单的方式是使用 Docker 容器化部署。

打开飞牛 NAS 或其他的 NAS 设备 点击本地镜像-添加镜像-从 URL 添加。这一步先添加 docker 镜像

镜像填 node:20.9.0-alpine 等待下载完成后点击启动按钮启动容器

勾选开机自动启动后下一步，端口设置这里。请设置容器端口 8080 映射到主机端口 8080（如果端口冲突可以修改主机端口，比如改为 8081，但容器内端口必须保持 8080）

存储位置这里，创建一个文件夹 /docker/nginxconfig 映射到容器的 /app 目录，用于存放项目代码。

环境变量设置：无需设置特殊环境变量

其他的都不用填写，直接下一步。

在启动容器后，需要进入容器执行以下命令来部署项目：

1# 克隆项目
2git clone https://github.com/digitalocean/nginxconfig.io.git /app
3cd /app
4
5# 安装依赖
6npm ci
7
8# 启动开发服务器
9npm run dev
Copy

创建成功后可以访问 ip:8080 到这里就可以正常显示项目了

穿透公网

打开帕斯内网穿透控制台，点击隧道管理-隧道列表

点击创建新隧道

隧道节点可以随便选，一般选个负载低的就可以

接下来填写信息，隧道名称可以随便填写

本地 IP 默认就可以

传输协议可以选择 TCP 也可以选择 HTTP/HTTPS

HTTP 就是域名的形式，教程以使用 TCP 为演示

本项目中如果没有修改端口的话默认是 8080 端口，这里本地端口就填 8080

远程端口可以留空也可以自定义。下图仅做参考，请按照实际项目端口添加。

填写完毕点击确定

点击刚才创建好的隧道，点击获取配置文件

回到飞牛 NAS，点击应用中心下载 frpc 客户端

打开后粘贴刚才复制的配置文件，点击确定即可

复制帕斯内网穿透控制台的访问 IP 和端口

可以看到已经正常穿透成功了

本篇教程结束