前言
在 上一篇文章 我們搭建了 X-ui 面板並新增了一個 Vless 用戶。而這篇文章我們就要將他套上 Cloudflare 來代理吧!
行前準備
除了上篇文章我們所使用的主機,你這次需要一個 Cloudflare 帳號,且裡面要有網域。但如果這些條件沒有滿足,你可能需要去買一個,或是直接右轉離開文章。
設定 X-ui
我們需要設定 X-ui 來配合後續的 Nginx 設定檔。選擇左邊面板的 面板設置
,將 面板 url 根路径
設定為 /xui/
即可保存後重啟。
設定 Nginx
這篇文章會將 X-ui 面板及用戶綁在同一個網域上處理,所以我們需要借助 Nginx 的力量來達成這些,在 Linux 命令安裝他。
sudo apt-get install nginx nginx-extras -y
進入 /etc/nginx/sites-enabled/
並開始編輯一個新的 config。
cd /etc/nginx/sites-enabled/; sudo vim v2ray
貼上以下設定檔並適當的修改。
server {
listen 80;
listen [::]:80;
server_name your.domain.com;
server_tokens off;
more_set_headers Server;
location / {
try_files $uri $uri/ =404;
}
# 用戶連入的 Config
location /vless {
proxy_redirect off;
proxy_pass http://localhost:8080;
proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection "Upgrade";
proxy_set_header Host $host;
proxy_set_header X-Real_IP $remote_addr;
proxy_set_header X-Forwarded $proxy_add_x_forwarded_for;
}
# X-ui 管理面板用的 Config
location /xui {
proxy_redirect off;
proxy_pass http://localhost:54321;
proxy_http_version 1.1;
proxy_set_header Host $host;
}
}
其中要注意的是埠號的部分,我們在上篇文章設定用戶的埠號為 8080
,而管理介面為 54321
,因此如果你有自定義的話這邊也要跟著改哦。
好了的話就使用以下命令確定 Config 沒有問題並重啟 Nginx。
sudo nginx -t; sudo systemctl restart nginx
綁上 Cloudflare
接著,我們要到 Cloudflare 上設定網域,新增一筆紀錄並指向這台主機。
新增完之後,你就可以透過你的網站連上管理介面囉!網址大致上會長得像是 https://your.domain.com/xui/
。
客戶端的設定
綁上 Cloudflare 後,客戶端的設定也要跟著改變,這邊我以 Android 的連線軟體 V2rayNG 來做解釋。
將埠號改成 443
,而位址可以直接填上該網域,或者如果你想要優選 Cloudflare IP,也是在這裡操作的,直接填入 Cloudflare IP 即可。
要求主機以及 SNI 都是填入你的網域名稱,Path 則是之前在網頁管理介面所設定的,依照我的範本就是 /vless
,而傳輸層安全直接選 tls
即可。
這樣你就完成客戶端的設定囉。
結語
這篇文章就是講解了如何套上 Cloudflare,且如何更新客戶端的配置。如果覺得這篇文章對你有幫助的話,歡迎你分享出去哦!