X-UI+宝塔Nginx反代教程:让X-UI面板与网站共存
准备工作
- VPS 一台,提前重置好主流的操作系统,推荐 CentOS ≥ 7,我这里用的是搬瓦工的VPS
- 域名一个,托管在Cloudflare并做好解析
- 自行安装 BBR 加速之类的软件
安装宝塔面板
第一步,更新系统并重启
yum update -y #更新系统 reboot #重启系统
![X-UI+宝塔Nginx反代教程:让X-UI面板与网站共存 - 科学上网 IYIO.NET](http://wsrv.nl/?url=//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAx2F6KPpqF3EV4qAKXkzDG2dF83PNZCyTYG1oY3D2nHU1KPtw8k1TTlMd65hDloChMJa8MXHAV6Dc7EudidKYo2c6bsUr1qfGFLD60lpv5g6T3gb6zswPDPQEHlJpVEl0-PEpDu6aANO66f_HPAiXNPzDpAhkrxmuIg5e1YPxJ3crtP9mcbxzkMumbd0/s1600-rw/080902-1.png)
第二步,安装宝塔面板
(PS:强烈推荐大家使用 CentOS 系统安装宝塔面板,其他系统也可以,相关安装命令请访问 宝塔官网)
yum install -y wget && wget -O install.sh http://download.bt.cn/install/install_6.0.sh && sh install.sh
![X-UI+宝塔Nginx反代教程:让X-UI面板与网站共存 - 科学上网 IYIO.NET](http://wsrv.nl/?url=//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU2ZRPiCwL03W9IYtKzfu7AIfDakiVZegjn_a_fRcu5cARqGdbGeX5E8CfPp3rs79Hv7gIQpNRCZQp5eKZMgMHLTClPwHCVRYlFGLCk4XkaDFe9qapbqjRBgevckVCU0cTpy3Y-qPOqaJE7ekvJBNYFnJ0t4Qk1sL81bH1j1jh14OAi_RnB75iUATv_f4/s1600-rw/080902-2.png)
看到Do you want to install Bt-Panel to the /www directory now?(y/n)
提示后输入英文字母y
后自动安装。
![X-UI+宝塔Nginx反代教程:让X-UI面板与网站共存 - 科学上网 IYIO.NET](http://wsrv.nl/?url=//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXo3PCpCR4-0uZ5HoysCJDBWhGC2OeAuMFzWB0cAacE8FNBtMOfeQaffDUrK_e4wxsiT7SP75NfAUkU55jxTI40rQ725DMASimhfENbyDMRurhLLFLMktUWNGTlqsq4kgvqwfphDEhiUEGmvYo_oG2xpnJeOyPljWKLPf70esgxbE8q6AC6zWQUFgp8AU/s1600-rw/080902-3.png)
宝塔安装完毕以后,根据提示登录宝塔面板后台,可按照自己的需求安装所需的环境插件。推荐按下图选择。
![X-UI+宝塔Nginx反代教程:让X-UI面板与网站共存 - 科学上网 IYIO.NET](http://wsrv.nl/?url=//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZVIjpsIjQcp7vvWIrmJxX3uwtWcXJKiefZ0mcItt4G3oSBkol4OrDyB2a7BDXYFLQkICxbuvSbsA1eLVR6exejpLiiZTwgrgwI1tBZTGXrPCEzw5C9-PeBN3-elzwNyineaq2j8M7_PqfWDVq1Lnl6n8UOjPhMKpBXifhBJXxYijgmxVD2jxnMll0Lns/s1600-rw/080902-4.png)
第三步,部署网站
我这边选择用WORDPRESS建站。
找到软件商店——一键部署——一键部署 WordPress
![X-UI+宝塔Nginx反代教程:让X-UI面板与网站共存 - 科学上网 IYIO.NET](http://wsrv.nl/?url=//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4wJzU-7Ru2bWu6XTzM5qkNE8TQCOBJ3Xje3neD-LJhbmr7nRidKLnpjGQpZL0OAeqecvscibmR1RpiSX-d53qlNIBUtYqMmqb3B_qUBwN2-HBrXHfwp33S79KF3vDiqH-1g8qt13rmjBmOkwS5BF7uaG0U_OEaBAOIoRwFzpAs-M0xYSgQocvNJvmbmc/s1600-rw/080902-5.png)
输入域名后提交即可
![X-UI+宝塔Nginx反代教程:让X-UI面板与网站共存 - 科学上网 IYIO.NET](http://wsrv.nl/?url=//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjN8IYtV4OJFk9U1MLsAABslG9U20HX8bu1yuDw_GJX41t7veVSXxAUVxLMmThxJ9oO5q6TJVyr-VQrJzSs8an6ADnmE1K70LI8ar76s571WwCgmf2TFZTeOF_7foSbZS_orj9UA8t9ZNTP_HsbkIJzpa0_oywOYFTVP4cakXw5UskpDJWNTEtZMlcgd9w/s1600-rw/080902-6.png)
部署成功后会有提示,记住数据库名
,用户
,密码
,点击访问站点。
![X-UI+宝塔Nginx反代教程:让X-UI面板与网站共存 - 科学上网 IYIO.NET](http://wsrv.nl/?url=//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdRalm4pxSXUxZ7YKqn30nVo4iNofhbJqtUOvx2cFnVhhGs-NaywNYnOAPdEe_XcwGADsWWsGAIq8lV6PU3JUsMUBvpGJ6M5v1NQdlg86aRnbL6pfYUSNHf545dWQYGnBu5xO7tQ7pgnNxHpITbPxHoImScvg7EDk7AoQFElM4wsHbrO5hJFMJyQXu0a0/s1600-rw/080902-7.png)
请自行的完成网站数据库、站点名、用户名和密码等相关的设置。
![X-UI+宝塔Nginx反代教程:让X-UI面板与网站共存 - 科学上网 IYIO.NET](http://wsrv.nl/?url=//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-TpfU337gUVWDnP30sPFe-qJiy_BX2djXrgNCAPKJsCTHv0j-tlLHF8OFLFiB5ylA8LW4O1W86rKn37J4R-3AmeuvUTP2HWXg9HKrSj4oeMKwk2QOCl-oXgzhlgyxp9_IcpwriHF2z-PhN0ttzPP-wblTvCY3p3_SexZ3Zk-Nmn1J5ejROerDv0yZ7fc/s1600-rw/080902-8.png)
![X-UI+宝塔Nginx反代教程:让X-UI面板与网站共存 - 科学上网 IYIO.NET](http://wsrv.nl/?url=//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisaaRjlIhz3llLwL5vzTNMTixThV0tyg_ABzLrbI0YogWmrjqB7k_8Fwhh0kkiC9-idMl7yTA0_iYG4VyhAkVCc6M5MMlSdYaRoSFXckRt9fvAh6YLPt9Avr8GanWc50OvDidps7aRX67TwlJ43qknRq52Asm2SOCnNeppWpwwWx6JQvmasDgL_jC2KLk/s1600-rw/080902-9.png)
为域名申请证书
找到网站设置界面,点击SSL为网站申请证书,强制开启 HTTPS。
![X-UI+宝塔Nginx反代教程:让X-UI面板与网站共存 - 科学上网 IYIO.NET](http://wsrv.nl/?url=//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVfL24GlSDKcUNChJwy2tfa34bt2zZWXzv8ANiVqDq5gn8RHadhKtBb3z_jjdtJQjJvECRCU0yocUWMcXBtJO4uALDckSmnJKVVWit7k4OxI2rDsVDo3e7jpL9stw7Kt-5UDG_ZthoK8EA2J4yfU5pirqYM6H2JmDTuiXqNYipao8If5RE0if4JMlK97o/s1600-rw/080902-10.png)
![X-UI+宝塔Nginx反代教程:让X-UI面板与网站共存 - 科学上网 IYIO.NET](http://wsrv.nl/?url=//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-gf-0b8Rw25QNajKwv_JfRMwIns-P5B23Mrr-mhkk8gr802kUbUhB1nhxDk1iZWj_M8XBpQJe_3NfZDfGl5wbUEd_7stGyez4ePhtt9TcB0CLfJZAjSzFR5Bp50z6Kww7DmtGThKKqq69PFVBifFFl5G68sQRk_NIgwXDjdvm2jyLRgrwjYrDO7LS3Ao/s1600-rw/080902-11.png)
至此,网站已经可以使用 https
访问了
![X-UI+宝塔Nginx反代教程:让X-UI面板与网站共存 - 科学上网 IYIO.NET](http://wsrv.nl/?url=//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgu38_QWggVkKikYkqAacS4SZ8ZWoEnFRSOWNPo9IbIg35nsXkJzES1kBfbjjWD_aXXsSbhBqekVACE84-5rfmnz-qBFNwhwnRYTDb6hDx5bD8KMRXgzRrb6YBLuHj-hPe2MgEAmQOUZn4khmwD6_-L517dvNI1gUEMt7vu7dWJPrL51e7yiXB836Y91NA/s1600-rw/080902-12.png)
安装 X-ui 可视化面板
开始搭建
- 使用Github进入X-UI官方仓库:https://github.com/sprov065/x-ui
复制官方推荐的脚本:
bash <(curl -Ls https://raw.githubusercontent.com/vaxilu/x-ui/master/install.sh)
- 将上述代码复制到你的VPS内执行,如果提示未安装curl工具,请先安装curl工具
最新的版本需要自己根据提示输入账号密码和端口号,老版本默认端口为65432,这边我改成了54238.
![X-UI+宝塔Nginx反代教程:让X-UI面板与网站共存 - 科学上网 IYIO.NET](http://wsrv.nl/?url=//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4oDHfxj_AoMl2pYZHacF3Xcb3HV_x6VMcqF5gFSeczpWAM1IBlDTFaX6-puefVAC-nvHkwC1bIl6lASw2Xf1awV3uAUjPE7wtgxg9VdRKwFXCmYVN3BtLOps6oarAkOnzmzdqqstnM7egagC6qS882kyhsstIQXs3B3kyF2ydnBqASEioumsCha6KoxY/s1600-rw/080902-13.png)
放行宝塔面板的相关端口
找到宝塔面板 —— 安全 —— 防火墙,放行面板的默认端口54238
,备注说明随意填。如果不放行端口,X-UI后台无法打开。
![X-UI+宝塔Nginx反代教程:让X-UI面板与网站共存 - 科学上网 IYIO.NET](http://wsrv.nl/?url=//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwFcZ5CGU2HDJLeDlstskeSA2oKU5xnXICZ2vJZ1LSOxu2CmzyGwpAJZWW2B59O5ZLfYwVAqd4nGR0xGQZ8Yxmn3C5xzIPLxDBxMIBsstKX0kYWXK68g5YxpZiuFE-eXYz3BwXg3_utyy_Euy94-jmYNpaOygxz2xzE04YPxYBGvToI-QPWwShsKXq_uA/s1600-rw/080902-14.png)
访问并设置X-UI管理面板
在浏览器中输入VPS的IP地址+端口号76.320.107.136:54238
,用户名 admin
,密码 admin
登录系统
![X-UI+宝塔Nginx反代教程:让X-UI面板与网站共存 - 科学上网 IYIO.NET](http://wsrv.nl/?url=//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhN3kDgjgTOm-ybfHAVs_VGaqP1ecznL5QFxYKLVUOg0wJeVdaBX0RUxbNRh0g-VN-XjeUwjQyFAMph_oRbZBilpf2tG7_OTKG0MPDlS_aE7HSZ44WnIPp9tbtTKQplsnRT4b4lMrUJnwJ1cUSmKqm8j2k4tIXtokea4ZzGKM4vAyYVnNRcNNNB4kUr6EE/s1600-rw/080902-15.png)
点击 面板设置
|添加面板url根路径
|保存配置
,点击重启面板
![X-UI+宝塔Nginx反代教程:让X-UI面板与网站共存 - 科学上网 IYIO.NET](http://wsrv.nl/?url=//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFHJCRVyafVNUJ0OXIODwzqCnbrBWbUE0H7SlC9Day61IFtrjluswsTWVoXx_LKK_jZwwX0AEPqCG0QMj7mjCUuaS5rf14NCq85HQFha9f-nc98NPe_l9t6DWqbr40T7YOY4TIYse9ZsKkWR68CrUvHkBmwHnbDmtpkSB_eIkebm-KT6QUYJA_yaqOZhQ/s1600-rw/080902-16.png)
如果面板监听端口后,一定记得去 宝塔面板 —— 安全 —— 防火墙 里面去放行相关的端口。步骤同上
重启面板后我们需要在浏览器中输入VPS的IP地址+端口号/面板URL路径登录后台76.320.107.136:54238/dmin
。
增加科学上网节点
点击入站列表
|点击+
号|添加节点 配置如下
传输选择 ws
路径根据自己情况输入,我这里是/cplc
端口自定义,不要开启 TLS,其他默认即可。
![X-UI+宝塔Nginx反代教程:让X-UI面板与网站共存 - 科学上网 IYIO.NET](http://wsrv.nl/?url=//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgudKHQjPGkNQ7MKMd67-tRlvfFH4iydsH77B1fCSlEcXyK2ikBVODXUHgDVBl7VMz0mpSWYe3HC34c4NoSpQR9XuJpcfUkiY0vItAg8qS9X-l1cGW9nw313k6ye-Fe1g9wn7UoDs4ScoHAjUvBHd9uVJBmqEGIlRJkWAazKKRT87gwGzJ_eVOb_MtZYiU/s1600-rw/080902-17.png)
配置 Nginx 反向代理
找到网站设置
界面,找到配置文件
,在最后一行的 }
符号前面,新起几行,插入以下反代代码,可以对比下图。
location ^~ 面板url根路径 { proxy_pass http://127.0.0.1:面板监听端口/面板url根路径; 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 节点路径 { proxy_redirect off; proxy_pass http://127.0.0.1:节点端口; 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; }
![X-UI+宝塔Nginx反代教程:让X-UI面板与网站共存 - 科学上网 IYIO.NET](http://wsrv.nl/?url=//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFILHcgzxNTyP_vyCK1xKz4iARbF3zUlvpbL_jyLAvFyH3Ud7eX5WC-b1QpOdtAH85V7adT-6bcRrMur899SdsDTuSNFyxjfau2PriV0w64g1fq4A1RTfs7A8aIabFQiZWW7-eg61uM6LOCHvqnS1Q3oXKR_0OHKaqUYbsvxygyVGP3ofVO05Ix4V8Bq8/s1600-rw/080902-18.png)
设置完毕以后,在宝塔面板里面重新启动 Nginx,是的配置生效。
![X-UI+宝塔Nginx反代教程:让X-UI面板与网站共存 - 科学上网 IYIO.NET](http://wsrv.nl/?url=//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtBrW4LU5T1hm4jC10a1gVZDAYeC-FvK6CCEg7-TvQpQiTrDhU_99q9V9098O_U7zIWBbzDuBUPRzdlB7A7P44IRQ6rqFxx1IRm1yWY3P6_6LZGWj4SLtXoimq3lzLacuszSKCYg0pVnhrM8BBeXKhVJbuvlYXipqMSoBwn3iy5jOz-Qn8QF9o9O6KglM/s1600-rw/080902-19.png)
至此,你可以使用 https://cplc.monster/dmin/ 来访问你的 Xray 管理面板了。
注意事项:
使用这种反代以后,在客户端使用的时候,需要自行更改三个地方:
端口号: 443
、 路径:检查是否带 /
、TLS 设置 :开启
加入对话