什麼是網頁代管？網站與應用程式如何保持上線
網頁代管是把你的網站或應用程式放在一直開機、並連上網際網路的電腦上，讓任何人隨時都能連上。代管服務商會儲存你的檔案、執行你的程式，並在訪客請求時把頁面與資料傳送到他們的瀏覽器。你的筆電理論上也能做到，但代管服務商能更可靠、更安全、更大規模地完成這件事。
為什麼用 AI 建置時要了解代管
用 AI 應用程式建置工具製作時，你的應用程式首先會在預覽中執行：這是一份私人副本，只供你（以及可能的協作者）使用。代管則是把它變成客人能開啟的公開網址上的正式應用程式。
你的應用程式需要哪種代管，取決於它做什麼。一個著陸頁幾乎不需要什麼資源。一個有登入、資料庫與付款功能的應用程式，則需要一台執行你程式碼的伺服器、一個保存資料的地方，以及 HTTPS。了解兩者的差異，有助於你選擇建置工具、估算營運成本，並知道當應用程式突然湧入大量流量時會發生什麼——或是哪天你想把它搬到別處。
日常比喻
把代管想成營業場所。
- 市集攤位就是靜態代管：便宜、設定快，適合展示和販售固定的商品。
- 共用辦公室就是共享主機：你租一張辦公桌，與許多其他企業共用大樓、電梯、網路和茶水間。價格實惠，但鄰居吵鬧會影響你。
- 自己的獨立辦公室就是虛擬私人伺服器（VPS）：你擁有自己的空間，資源有保障，但裡面發生的事由你負責。
- 自己的整棟大樓就是獨立伺服器：完全掌控，也完全負責。
- 會隨團隊人數增減的彈性辦公空間就是雲端或平台代管：用多少付多少，而房東負責維護。
你的網域名稱就像招牌上的街道地址。DNS 則是地圖，告訴訪客那個地址對應的是哪一棟大樓。
代管的類型
| 類型 | 它是什麼 | 適合 | 你需要管理的部分 |
|---|---|---|---|
| 靜態代管 | 提供固定的檔案（HTML、CSS、JavaScript、圖片），通常來自 CDN | 著陸頁、作品集、行銷網站、純前端應用程式 | 幾乎不用 |
| 共享主機 | 多個網站共用一台伺服器，通常附有控制面板 | 小型 WordPress 或 PHP 網站 | 一些設定 |
| VPS | 具有專屬資源的虛擬機器 | 自訂應用程式，前提是你熟悉管理伺服器 | 作業系統、安全更新、部署 |
| 獨立伺服器 | 一整台實體機器 | 高且穩定、有特殊需求的工作負載 | 全部 |
| 平台即服務（PaaS） | 你提供程式碼，平台負責建置、執行與擴充 | 大多數網頁應用程式與 API | 你的程式碼與設定 |
| 無伺服器（Serverless） | 程式依請求隨需執行；閒置時什麼都不執行 | 流量忽高忽低或偏低的情況、API、背景工作 | 你的函式 |
大多數替你代管的 AI 應用程式建置工具，都以 PaaS 的方式運作：你按下發佈，平台會處理伺服器、擴充與憑證。
實例：一個預約應用程式上線需要什麼
以一個沙龍預約應用程式為例，它有公開的預約頁面、客戶帳戶和店主的管理儀表板。要上線，它需要：
| 組成 | 作用 | 執行位置 |
|---|---|---|
| 前端 | 訪客瀏覽器中的頁面與按鈕 | 靜態代管／CDN |
| 後端 | 檢查可用時段、儲存預約、確保每個人只能看到該看到的內容 | 伺服器或容器 |
| 資料庫 | 儲存服務項目、客戶與預約 | 受管理的資料庫 |
| 檔案儲存 | 保存上傳的照片 | 物件儲存 |
| 網域與 DNS | 讓 book.yoursalon.com 指向該應用程式 | 你的網域註冊商／DNS 服務商 |
| HTTPS 憑證 | 加密流量，並顯示鎖頭圖示 | 由代管服務商或憑證機構核發 |
| 機密資料 | 電子郵件與付款的 API 金鑰 | 代管服務商的環境變數 |
如果你自己部署，就得逐一設定每個組成部分。替你代管的平台會把它們打包好。無論如何，了解這些部分的存在都很有幫助——前端與後端一文解釋了這種區分。
常見術語說明
| 術語 | 意義 |
|---|---|
| 伺服器（Server） | 透過網路回應請求的電腦。 |
| 部署／發佈（Deploy / publish） | 把某個版本的程式碼放到代管服務上，使其上線。 |
| 上線率（Uptime） | 網站可以連上的時間比例。 |
| 頻寬／流出流量（Bandwidth / egress） | 從你的應用程式傳送給訪客的資料量，通常會計費。 |
| CDN | 內容傳遞網路：在全球各地伺服器上保存你的檔案副本，讓載入更快。 |
| SSL/TLS、HTTPS | 瀏覽器與伺服器之間的加密。TLS 是現行的協定；「SSL 憑證」則是常見的稱呼。 |
| 擴充（Scaling） | 處理更多流量：使用更強的機器（垂直擴充）或增加機器數量（水平擴充）。 |
| 縮減至零／冷啟動（Scale to zero / cold start） | 閒置的應用程式會停止以節省費用；暫停後的第一次請求會稍慢，因為它需要重新喚醒。 |
| 環境變數（Environment variables） | 在執行時提供給應用程式的設定與機密，不放在程式碼中。 |
| 日誌（Logs） | 記錄應用程式的行為，用來診斷錯誤。 |
| 容器（Container） | 把應用程式與執行所需的一切打包在一起的單元，通常由 Dockerfile 建置而成。 |
常見錯誤與迷思
- 混淆網域與代管。 買下
yourname.com並不會讓網站上線。你還需要代管服務，以及指向它的 DNS 記錄。 - 以為「無限」真的是無限。 標榜無限頻寬或儲存空間的方案，通常有合理使用條款。請仔細閱讀。
- 忘了持續的費用。 建置應用程式只是一項成本；代管、資料庫、儲存空間和第三方 API 都是持續性的開銷。上線前請確認每一項的計費方式。
- 把檔案存在伺服器的磁碟上。 在大多數現代代管服務中，伺服器的本機磁碟是暫時性的，可能會在每次部署或重新啟動時被清空。上傳的檔案應放在物件儲存中。
- 把預覽當成正式環境。 預覽可能會暫停、使用測試資料，或只對你可見。分享前請先發佈。
- 沒注意能否搬走。 如果你的代管綁定在單一平台上，請確認你日後能否匯出程式碼並在別處執行。
向 AI 建置工具提出的要求
- 「這個應用程式發佈後需要什麼才能運作：只有靜態檔案，還是也需要伺服器與資料庫？」
- 「上傳的檔案存放在哪裡？請確保它們不會放在伺服器的本機磁碟上。」
- 「所有 API 金鑰都放在環境變數中。」
- 「為圖片與靜態檔案加入快取標頭。」
- 「顯示最近一次失敗請求的日誌。」
- 「如果我想把它架設在別處，需要準備什麼？」——參閱如何匯出並自行架站 AI 建置的應用程式。
Mythex 上的代管
在 Mythex，代管是建置工具的一部分。你發佈時，Mythex 會為專案拍下快照，並部署到 yourname.mythex.app：靜態前端以靜態網站發佈，後端則執行在受管理的機器上，閒置時休眠，下次有人造訪時再喚醒。當你的應用程式需要時，資料庫與檔案儲存會隨專案一起提供。代管、頻寬、資料庫與儲存空間會和建置時使用的同一個點數餘額扣抵，而 Pro 方案的這些費用是免費方案費率的一半；靜態網站閒置時不消耗點數。Pro 方案另外提供自訂網域，並會自動核發 HTTPS 憑證。文件涵蓋發佈與代管限制，而價格頁面則比較各方案。
常見問題
用簡單的話來說，什麼是網頁代管？
網頁代管就是租用一直開機、連上網際網路的伺服器空間與運算能力，讓任何人隨時都能連上你的網站或應用程式。主機儲存你的檔案、執行你的程式，並把頁面傳送到訪客的瀏覽器。
網域名稱和代管是同一回事嗎？
不是。網域名稱是人們輸入的名稱，例如 example.com；代管則是網站實際執行的地方。DNS 記錄透過把網域指向你的主機，將兩者連結起來。你可以向同一家公司購買，也可以分開購買。
用 AI 建置的應用程式需要另外的代管嗎？
視建置工具而定。有些 AI 應用程式建置工具（包括 Mythex）會在你發佈時為你代管應用程式；其他的則只會產生程式碼，需要你自己部署到代管服務商。
靜態代管和動態代管有什麼不同？
靜態代管提供對每位訪客都相同的檔案，例如著陸頁——簡單、快速又便宜。動態代管則會執行伺服器程式，依每次請求產生回應，這是有登入、資料庫與付款功能的應用程式所需要的。