💻 如何用廢棄電腦變成服務器搭建 Web 網站（公網訪問零成本）

---

一、背景與目標

你是否有一臺吃灰的舊筆記本電腦？你是否想搭建一個自己的網站，甚至把它放到網上給別人訪問？傳統方式可能需要花錢買服務器、配置公網 IP、操作麻煩。而我們今天要做的，是：

用你手邊的廢棄電腦（比如舊筆記本），搭建一個本地服務器，并使用 Cloudflare Tunnel 免費實現公網訪問，0成本上線一個 Web 網站！

? 本文目標：

• 把一臺廢棄電腦（Windows/Linux）變成一臺 后端 Flask + 前端 Vue 的 Web 服務器
• 0 花費實現公網訪問（不需要買公網 IP，不需要租服務器）
• 可用于搭建資源站、博客站、API服務、自用管理系統等

---

二、準備工作（軟硬件需求）

🧱 1. 硬件需求

名稱	要求
廢舊筆記本	建議內存≥4G，系統 Win10 或 Ubuntu
網絡	穩定聯網即可（支持 IPv4 即可）
電源	建議插電使用，避免中斷

如果是臺式電腦，也一樣適用。

---

🧰 2. 軟件環境準備

我們需要以下軟件環境：

目的	軟件
后端開發	Python3 + Flask
前端開發	Node.js + Vue CLI
公網訪問	Cloudflare Tunnel 工具 cloudflared
其他	Git（可選）、瀏覽器、命令行

---

三、快速搭建一個 Flask + Vue 的 Web 網站

我們先搭建一個最簡單的 Flask + Vue 項目，用于后面上線演示。

? 第1步：創建 Flask 后端項目

mkdir myserver && cd myserver
python -m venv venv
source venv/bin/activate  # Windows用 venv\Scripts\activate
pip install flask

創建一個 app.py：

from flask import Flask, jsonify
app = Flask(__name__)@app.route('/')
def hello():return jsonify({"msg": "你好，來自 Flask 的后端！"})if __name__ == '__main__':app.run(host='0.0.0.0', port=5000)

然后運行：

python app.py

瀏覽器訪問 http://localhost:5000，你應該能看到一段 JSON 文本：{"msg": "你好，來自 Flask 的后端！"}

---

? 第2步：創建 Vue 前端項目

確保你已經安裝了 Node.js，建議版本 ≥ 16。然后執行：

npm install -g @vue/cli
vue create my-frontend
cd my-frontend
npm run serve

這時 Vue 默認監聽 http://localhost:8080，你可以把它改成請求 Flask 后端的數據，后續我也會配合 Cloudflare Tunnel 展示如何整合。

---

四、免費實現公網訪問：Cloudflare Tunnel 全流程

這部分我們重點講清楚兩個問題：

? 1. 什么是 Cloudflare Tunnel？

Cloudflare Tunnel 是 Cloudflare 提供的一種“內網穿透”方案：

• 本質上它在你的電腦與 Cloudflare 網絡之間建了一個“隧道”；
• 外部用戶訪問 Cloudflare 提供的網址，Cloudflare 再轉發到你電腦上的 Flask 服務；
• 整個過程是加密安全的，并不暴露你的真實 IP，也不需要配置路由器！

簡而言之，它是一個免費的公網訪問神器。

---

? 2. Cloudflare Tunnel 實戰步驟

（1）注冊 Cloudflare 賬號

打開 https://dash.cloudflare.com，用郵箱免費注冊一個賬號。

（2）添加站點

你可以用自己已有的域名，也可以用 Cloudflare 提供的臨時域名（推薦后者，零成本）。

建議添加一個網站，如 yourname.cf，不一定需要備案，用作演示即可。

（3）下載并安裝 cloudflared 工具

這是 Cloudflare 提供的命令行工具，用來開啟 tunnel：

• Windows 版本：
  https://developers.cloudflare.com/cloudflared/install-windows/

• Linux 安裝命令：

wget https://github.com/cloudflare/cloudflared/releases/latest/download/cloudflared-linux-amd64.deb
sudo dpkg -i cloudflared-linux-amd64.deb

安裝完成后，檢查是否成功：

cloudflared --version

---

（4）登錄 Cloudflare

cloudflared login

運行后會自動打開一個瀏覽器，選擇你在 Cloudflare 添加的網站即可。

---

（5）創建 tunnel 并綁定本地服務

例如我們要將本地的 Flask 服務（5000端口）暴露到公網：

cloudflared tunnel create flask-server

然后：

cloudflared tunnel route dns flask-server flask.yourname.cf

最后運行：

cloudflared tunnel run flask-server

這時你就可以通過 https://flask.yourname.cf 訪問到你電腦上的 Flask 項目啦！

---

---

五、自動化部署建議

為了讓 tunnel 在電腦重啟后也能自動運行，可以設置以下方式：

? Windows：

創建一個 bat 文件 start_tunnel.bat：

@echo off
cloudflared tunnel run flask-server

然后設置任務計劃，開機自動運行即可。

---

? Linux：

可以用 systemd 服務或 nohup + cron，更穩定。

nohup cloudflared tunnel run flask-server > tunnel.log &

---

六、常見問題排查

問題	解決方法
tunnel 運行后打不開	檢查 Flask 是否運行，或端口是否設置正確
提示未登錄 Cloudflare	再次運行 cloudflared login 綁定賬號
本地網絡不通	檢查防火墻設置或端口是否被占用

---

七、總結與后續拓展

通過本文，你已經掌握了如何用舊電腦：

• 快速搭建 Web 服務（Flask + Vue）
• 使用 Cloudflare Tunnel 實現 0 成本公網訪問
• 項目部署到線上、支持訪問、無需公網 IP！

---

🎯 后續你可以拓展部署的項目：

• Flask + Vue 做成資源下載站、后臺管理系統
• Jupyter Notebook 在線訪問（遠程學習）
• 文件管理系統、個人博客系統等