下载xui

一、安装X-UI

新版(支持功能更多):

1
bash <(curl -Ls https://raw.githubusercontent.com/FranzKafkaYu/x-ui/master/install.sh)

GitHub地址:https://github.com/FranzKafkaYu/x-ui

旧版:

1
bash <(curl -Ls https://raw.githubusercontent.com/vaxilu/x-ui/master/install.sh)

根据提示设置端口信息用户名密码

image-20231224212829297

访问服务地址进行登录

image-20231224213136365

登录后可以点击切换版本,更新到最新版本

image-20231224213414181

二、添加反向代理

nginx proxy manager 添加一条反向代理,为x-ui 面板绑定域名

image-20231227220733750

三、添加站点

image-20231227221052214

image-20231227215717425

四、配置 x-ui 与 npm 共存

方法一(推荐):

选择任意一个NPM代理,添加自定义位置及自定义Nginx配置

配置自定义位置,即 x-ui面板访问地址

image-20231227230400627

代替了旧方案中的

1
2
3
4
5
6
location ^~ /VtUC {              #VtUC换成你前面设置的面板的url根路径
proxy_pass http://142.4.124.159:6099/VtUC; # IP填服务器IP,这边不能填127.0.0.1,因为是在容器里,6099换成你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;
}

高级 => 自定义Nginx配置

image-20231227230045148

粘贴以下内容保存即可

1
2
3
4
5
6
7
8
9
10
11
12
location /yang {                 # yang填你前面设置的ws的路径
proxy_redirect off;
proxy_pass http://142.4.124.159:58293; # IP填服务器IP,这边不能填127.0.0.1,因为是在容器里,58293换成你入站规则那边的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后台面板上修改原来的配置(比如打开,然后点确定),这样会破坏掉我们这边写的Nginx配置文件,导致节点无法正常使用。

目录切换到 nginx proxy manager 安装目录 /nginx/proxy_host/

image-20231227220628254

如果你配置了多个代理,会看到很多配置文件,随便选择一个,粘贴以下配置

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
location ^~ /VtUC {              #VtUC换成你前面设置的面板的url根路径
proxy_pass http://142.4.124.159:6099/VtUC; # IP填服务器IP,这边不能填127.0.0.1,因为是在容器里,6099换成你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 /yang { # yang填你前面设置的ws的路径
proxy_redirect off;
proxy_pass http://142.4.124.159:58293; # IP填服务器IP,这边不能填127.0.0.1,因为是在容器里,58293换成你入站规则那边的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;
}

粘贴位置与其他location配置同级即可,如下所示

image-20231227223208645

保存后切换到npm安装目录重启npm 服务

image-20231227222232196

五、客户端连接

操作 => 二维码

image-20231227223904210

提示需先添加用户

image-20231227224006094

按照提示添加用户

image-20231227224908646

然后就可以实用二维码了

image-20231227224124803

扫码二维码导入,如果导入失败,可以尝试用户设置去除邮箱信息

导入后修改订阅配置,端口改为 443,打开 TLS