這是本文件的舊版！
設定 Cloudflare Tunnel 提供對外網站服務
架構說明
原本架構
flowchart LR
A[User Browser] --> B["Cloudflare Proxy
(CDN)"] B --> C[Firewall] C --> D["Nginx Proxy Manager
(Reverse Proxy)"] D --> E[WebServer 1] D --> F[WebServer 2] D --> G[WebServer 3] D --> H[...] D --> I[WebServer n]
(CDN)"] B --> C[Firewall] C --> D["Nginx Proxy Manager
(Reverse Proxy)"] D --> E[WebServer 1] D --> F[WebServer 2] D --> G[WebServer 3] D --> H[...] D --> I[WebServer n]
- 這架構需要 Firewall 上面有固定 IP , 並設定 Port Forwarding 到 Reverse Proxy 主機上
- 在 Reverse Proxy 上面設定每個 WebServer 的 Proxy Forward 網址與 SSL 憑證
Cloudflare Tunnel 架構
flowchart LR
A[User Browser] --> B["Cloudflare Network
Tunnels Service
(CDN + Reverse Proxy)"] subgraph D [Cloudflared Connectors] D1["Cloudflared
(Connector A)"] D2["Cloudflared
(Connector B)"] D3["Cloudflared
(Connector C)"] %% 強制垂直排列 D1 ~~~ D2 D2 ~~~ D3 end D -->|通過| C[Firewall] C -->|主動連接| B D --> E[WebServer 1] D --> F[WebServer 2] D --> G[WebServer 3] D --> H[...] D --> I[WebServer n]
Tunnels Service
(CDN + Reverse Proxy)"] subgraph D [Cloudflared Connectors] D1["Cloudflared
(Connector A)"] D2["Cloudflared
(Connector B)"] D3["Cloudflared
(Connector C)"] %% 強制垂直排列 D1 ~~~ D2 D2 ~~~ D3 end D -->|通過| C[Firewall] C -->|主動連接| B D --> E[WebServer 1] D --> F[WebServer 2] D --> G[WebServer 3] D --> H[...] D --> I[WebServer n]
- 這架構不需要 Firewall 上面有固定 IP , 也不用設定 Port Forwarding