什麼係網頁託管？網站同 App 點樣保持上線
網頁託管即係將你嘅網站或 App 運行喺隨時開啟並連接互聯網嘅電腦上，令任何人隨時都可以訪問。託管服務商儲存你嘅檔案，運行你嘅代碼，並喺訪客請求時，將頁面同資料傳送去佢哋嘅瀏覽器。你嘅手提電腦理論上都做得到，但託管服務商可以更可靠、更安全、規模更大咁做。
用 AI 建構時點解託管重要
用 AI App 建構工具建構嗰陣，你嘅 App 首先會喺一個預覽入面運行：一個私人副本，只俾你（同可能嘅合作者）使用。託管就係將佢變成一個正式上線嘅 App，有公開地址俾顧客打開。
所需嘅託管類型取決於你嘅 App 做乜。一個登陸頁所需嘅好少。一個有登入、資料庫同付款功能嘅 App，就需要一部伺服器運行你嘅代碼、一個儲存資料嘅地方，以及 HTTPS。明白其中分別，有助你揀選建構工具、估算運行成本，並知道如果你嘅 App 突然大受歡迎，或者將來想搬去其他地方，會發生乜事。
日常比喻
諗吓託管就好似一間企業嘅營業場所。
- 街邊小檔就好似靜態託管：平、快速設立，適合展示同銷售固定嘅貨品。
- 共用辦公室就好似共享主機：你租一張枱，同好多其他公司共用電梯、網絡同茶水間。平宜，但隔籬嘅鄰居會影響你。
- 自己嘅服務式辦公室就好似虛擬私有伺服器（VPS）：你有自己嘅空間同保證嘅資源，但入面發生乜嘢都要你負責。
- 整幢自己嘅大廈就好似獨立伺服器：完全控制，亦完全負責。
- 會隨住團隊增減而伸縮嘅共享工作空間就好似雲端或平台託管：你用幾多就付幾多，維修由業主處理。
你嘅網域名稱就好似招牌上嘅街號。DNS 就係地圖，告訴訪客嗰個地址屬於邊座大廈。
託管類型
| 類型 | 係乜 | 適合 | 你要管理嘅嘢 |
|---|---|---|---|
| 靜態託管 | 提供固定嘅檔案（HTML、CSS、JavaScript、圖片），通常由 CDN 提供 | 登陸頁、作品集、宣傳網站、純前端 App | 幾乎唔使理 |
| 共享主機 | 多個網站共用同一部伺服器，通常有控制面板 | 小型 WordPress 或 PHP 網站 | 部分設定 |
| VPS | 一部有獨立資源嘅虛擬機 | 自訂 App，前提係你會管理伺服器 | 作業系統、安全更新、部署 |
| 獨立伺服器 | 一部完整嘅實體機器 | 高而穩定、有特定需求嘅工作負載 | 所有嘢 |
| 平台即服務（PaaS） | 你提供代碼，平台負責建構、運行同擴展 | 大部分網頁 App 同 API | 你嘅代碼同設定 |
| 無伺服器（Serverless） | 代碼按請求即時運行；閒置時什麼都唔運行 | 流量起伏大或者偏低、API、背景工作 | 你嘅函數 |
大部分替你託管嘅 AI App 建構工具，都係以 PaaS 方式運作：你撳發佈，平台就會處理伺服器、擴展同證書。
實際例子：一個預約 App 上線需要乜嘢
假設有一個髮廊預約 App，有一個公開嘅預約頁面、客戶帳戶，同一個店主儀表板。要上線，佢需要：
| 部分 | 作用 | 運行喺邊度 |
|---|---|---|
| 前端 | 訪客瀏覽器入面嘅頁面同按鈕 | 靜態託管／CDN |
| 後端 | 檢查可用時段、儲存預約、執行邊個可以睇咩 | 伺服器或容器 |
| 資料庫 | 儲存服務、客戶同預約 | 代管資料庫 |
| 檔案儲存 | 存放上載嘅相片 | 物件儲存 |
| 網域 + DNS | 將 book.yoursalon.com 指向 App | 你嘅註冊商／DNS 服務商 |
| HTTPS 證書 | 加密流量；顯示鎖頭圖示 | 由主機或證書機構發出 |
| 機密 | 電郵同付款嘅 API 金鑰 | 主機嘅環境變數 |
如果你自己部署，就要逐一設定每個部分。替你託管嘅平台會將呢啲打包一齊。無論點樣，明白呢啲部分嘅存在都有幫助——frontend vs. backend 指南講解咗前後端嘅分工。
常用詞語解釋
| 詞語 | 意思 |
|---|---|
| 伺服器（Server） | 透過網絡回應請求嘅電腦。 |
| 部署／發佈（Deploy / publish） | 將代碼某個版本放到託管服務上，令其上線。 |
| 正常運行時間（Uptime） | 網站可以被訪問嘅時間百分比。 |
| 頻寬／出口流量（Bandwidth / egress） | 由你嘅 App 傳送去訪客嘅數據量。通常要收費。 |
| CDN | 內容傳送網絡：喺世界各地伺服器上保存你嘅檔案副本，令載入更快。 |
| SSL/TLS、HTTPS | 瀏覽器同伺服器之間嘅加密。TLS 係現代協議；「SSL 證書」係常用叫法。 |
| 擴展（Scaling） | 處理更多流量：用更大嘅機器（垂直），或者用更多部機器（水平）。 |
| 縮減至零／冷啟動（Scale to zero / cold start） | 閒置嘅 App 會停止運行以節省成本；暫停之後第一個請求會慢啲，因為要重新喚醒。 |
| 環境變數（Environment variables） | 運行時俾你嘅 App 嘅設定同機密，唔放喺代碼入面。 |
| 日誌（Logs） | 記錄 App 做過乜嘢，用嚟診斷錯誤。 |
| 容器（Container） | 一個包裝好嘅 App，連同運行所需嘅一切，通常由 Dockerfile 建構。 |
常見錯誤同誤解
- 將網域同託管混為一談。 買咗
yourname.com唔等於網站就會出現喺上面。你仲需要託管同指向佢嘅 DNS 紀錄。 - 以為「無限」真係無限。 聲稱無限頻寬或儲存嘅方案通常有合理使用條款。要睇清楚。
- 忘記持續成本。 建構 App 係一項成本；託管、資料庫、儲存同第三方 API 都係持續成本。上線前要檢查每項嘅收費方式。
- 將檔案儲存喺伺服器嘅本地磁碟。 喺大部分現代託管上，伺服器嘅本地磁碟係暫時性嘅，每次部署或重新啟動都可能被清除。上載嘅檔案應該放喺物件儲存。
- 將預覽當成正式版。 預覽可能會暫停、使用測試數據，或者只有你可以看到。要發佈之後先分享俾人。
- 忽略可以搬去邊度。 如果你嘅託管綁死喺某一個平台，要查清楚將來能唔能夠匯出代碼，喺其他地方運行。
要問 AI 建構工具嘅嘢
- 「呢個 App 發佈之後需要乜嘢運行：只係靜態檔案，定係仲需要伺服器同資料庫？」
- 「上載嘅檔案儲存喺邊度？確保佢哋唔係放喺伺服器嘅本地磁碟。」
- 「所有 API 金鑰都放喺環境變數入面。」
- 「為圖片同靜態檔案加入緩存標頭。」
- 「俾我睇最近一次失敗請求嘅日誌。」
- 「如果我想喺其他地方託管呢個 App，需要乜嘢？」參閱 how to export and self-host an AI-built app。
Mythex 嘅託管
喺 Mythex 入面，託管係建構工具嘅一部分。你發佈時，Mythex 會為項目建立快照，並部署到 yourname.mythex.app：靜態前端以靜態網站形式發佈，而後端則運行喺閒置時會休眠、下次有訪客時喚醒嘅代管機器上。當你嘅 App 需要時，資料庫同檔案儲存會隨項目一齊提供。託管、頻寬、資料庫同儲存都由同一個積分餘額扣除，而 Pro 方案嘅費率為 Free 方案嘅一半；靜態網站閒置時唔會消耗積分。Pro 亦提供自訂網域，並會自動發出 HTTPS 證書。docs 涵蓋發佈同託管限制，而 價錢 頁面就比較各個方案。
常見問題
簡單嚟講，什麼係網頁託管？
網頁託管即係租用一啲隨時開啟並連接互聯網嘅伺服器嘅空間同運算能力，令你嘅網站或 App 隨時都俾任何人訪問。主機儲存你嘅檔案，運行你嘅代碼，並將頁面傳送去訪客嘅瀏覽器。
網域同託管係咪一樣？
唔係。網域係人哋輸入嘅名稱，例如 example.com。託管係網站實際運行嘅地方。DNS 紀錄會將網域指向你嘅主機，將兩者連起嚟。你可以同一間公司購買，亦可以分開購買。
用 AI 建構嘅 App 需唔需要另外嘅託管？
視乎建構工具。有啲 AI App 建構工具，包括 Mythex，喺你發佈時會為你託管 App。另外一啲則會生成代碼，要你自己部署去託管服務商。
靜態託管同動態託管有乜分別？
靜態託管提供對每位訪客都一樣嘅檔案，例如一個登陸頁，簡單、快速、平宜。動態託管會運行伺服器代碼，為每個請求生成回應，有登入、資料庫同付款功能嘅 App 就需要呢種。