之前分享过搭建可以与宝塔共存的一个“魔法”服务器状态监控应用——xui，支持Vmess+WS+TLS。
最近Docker视频出的比较多，前阵子又出现了宝塔国内版存在隐私泄露的问题，很多小伙伴其实都不用宝塔了，那么，在我们现在装了Nginx Proxy Manager（NPM）的环境下，80和443端口都转由NPM来管理了，可以让XUI和NPM共存吗？如何用NPM来反代XUI呢？今天我们就来折腾一下！
文章目录
1. 搭建环境
- 服务器：
腾讯香港轻量应用服务器24元/月VPS一台展示用的服务器是甲骨文圣何塞永久免费服务器，本期搭建用的是Vultr的服务器，按小时计费，可随时销毁（最好是选非大陆的服务器）（腾讯轻量购买链接）移动、联通用户建议可以用Racknerd试试 - 系统：Debian 10（DD脚本 非必需DD用原来的系统也OK）
- 域名一枚，并做好解析到服务器上（域名购买、域名解析 视频教程）
- 安装好Docker、Docker-compose（相关脚本）
- 安装好Nginx Proxy Manager（相关教程）
2. 搭建视频
YouTube：https://youtu.be/aYC4BTzbw8c
3. 搭建方式
3.1 服务器初始设置
服务器初始设置，参考
【Docker系列】不用宝塔面板，小白一样可以玩转VPS服务器！
3.2 下载xui
新版（支持功能更多）：
bash <(curl -Ls https://raw.githubusercontent.com/FranzKafkaYu/x-ui/master/install.sh)
GitHub地址：https://github.com/FranzKafkaYu/x-ui
旧版：
bash <(curl -Ls https://raw.githubusercontent.com/vaxilu/x-ui/master/install.sh)
根据提示设置端口信息、用户名、密码。
3.3 登陆xui面板并配置
切换最新版本：
修改面板路径：
记得保存配置。
添加入站列表:
如果配置，只需要修改4个地方：
点击添加，之后点击重启面板
3.4 NPM配置
2022-12-15更新简单方法
无需手动进入目录修改，只需要在面版即可操作！
选择任意一个NPM代理上，分别在下面两个位置填入下面两个部分内容：
代替了旧方法中的：
location ^~ /fuckgfw { #fuckgfw换成你前面设置的面板的url根路径
proxy_pass http://158.101.3.171:54331/fuckgfw; # IP填服务器IP，这边不能填127.0.0.1，因为是在容器里，54331换成你xui面板的端口
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
}
location /plogger { # plogger填你前面设置的ws的路径
proxy_redirect off;
proxy_pass http://158.101.3.171:13997; # IP填服务器IP，这边不能填127.0.0.1，因为是在容器里，13997换成你入站规则那边的IP
proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection "upgrade";
proxy_set_header Host $http_host;
proxy_read_timeout 300s;
# Show realip in v2ray access.log
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
}
保存即可！
以下为旧方法，不建议采用
登陆服务器，来到NPM的安装路径下（这边假设大家都是用【Docker系列】一个反向代理神器——Nginx Proxy Manager这篇文章的方法搭建的）：
cd /root/data/docker_data/npm
查看当前文件：
ls -al
我们的文件都在data目录下，一层一层找，找到我们的Nginx配置文件。
cd data/nginx/proxy_host
可以看到两个文件（如果你NPM反代多的话，可能有很多个）
这边比较讨厌，是数字命名的，其实我们随便选一个也行。
以上为旧方法，不建议采用。
在上述位置加入以下内容：
location ^~ /fuckgfw { #fuckgfw换成你前面设置的面板的url根路径
proxy_pass http://158.101.3.171:54331/fuckgfw; # IP填服务器IP，这边不能填127.0.0.1，因为是在容器里，54331换成你xui面板的端口
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
}
location /plogger { # plogger填你前面设置的ws的路径
proxy_redirect off;
proxy_pass http://158.101.3.171:13997; # IP填服务器IP，这边不能填127.0.0.1，因为是在容器里，13997换成你入站规则那边的IP
proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection "upgrade";
proxy_set_header Host $http_host;
proxy_read_timeout 300s;
# Show realip in v2ray access.log
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
}
保存后，重启一下NPM。
cd /root/data/docker_data/npm # 来到docker-compose.yml所在的文件夹下
docker-compose restart # 重启
4. 客户端连接
以小火煎为例子，其他客户端类似：
点击打开二维码：
完整配置参考：
启动节点：
浏览器输入https://ip.skk.moe/
搞定！
5. 注意事项（重要）
由于我们是直接修改的配置文件，所以，在反代的这个站点，不用轻易在NPM后台面板上修改原来的配置（比如打开，然后点确定），这样会破坏掉我们这边写的Nginx配置文件，导致节点无法正常使用。
---------------
如何觉得文章内容不错，欢迎点击一下广告，支持一下咕咕😍😍😍
原创文章，作者：Roy，如若转载，请注明出处：https://iwanlab.com/npm-xui/
评论列表（18条）
FranzKafkaYu/xui也有对应的docker版本，enwaiax/x-ui:alpha-zh这个镜像，不是latest。只是直接http://ip:54321不能直接访问，需要先反代一下，其余一摸一样
按照教程添加后直接offline，配置文件直接消失，删除后恢复正常，不知道原因
@swysgh：看下是不是哪里填错了
@swysgh：遇到了一样的问题，请问解决了吗？
@swysgh：我也遇到一样的问题，面板上设置Custom locations，就会显示offline。删除了就变成在线。用不了
@eddy：我也发现了，新版NPM问题。这个可以不用改，只改后面advanced部分，这部分只是为了反代面板登录页面的，影响不大
电脑上可以用，手机小火煎一直超时
@zszx：看看是不是tls没打开。btw，现在推荐用reality协议，tls这个会有被识别的风险
请问大佬，这个可以结合优选ip使用吗？或者有结合优选ip的方案吗？
@zszx：应该可以，但是我没尝试过 = =
npm创建的时候 可以用hots模式 与主机共用网络 配置中就可以直接127.0.0.1 还有 没太懂 location ^~ /fuckgfw 添加面板的根路径是有什么作用？
@霸小伟：这样的话面板就可以输入域名访问了，不需要再输入端口啥了
@Roy：后来想到了
你好，如果我想在xui里添加多个入站，节点路径名都用同一个还是可以使用不同的路径名呢？
@大表哥：看是用什么搭，用不一样的就好
@Roy：就是xui和npm共存的那种，但是如果用不一样的话，npm的advanced选项下，ws的路径怎么办呢？
你好，我按上面的设置了，小火箭测试连通是可以的，但是访问网站都是无网络，请问遇到过这个问题吗。
@Jae：小火煎tls打开