ServBay 網站管理面板介紹
ServBay 提供了一個功能強大且操作簡單易用的本機網站管理面板，讓您直覺且高效地管理與操作本地 Web 開發環境。本文將詳細介紹 ServBay 的網站管理面板，包括其主要區域、核心功能和操作方式，協助開發者高效建立與管理本機網站。
面板總覽
ServBay 的網站管理面板是您管理所有本機網站專案的核心樞紐。它將複雜的服務設定（如 Web 伺服器、SSL 憑證、語言版本）進行抽象化，並透過直觀的圖形介面實現一站式管理。面板主要分為以下幾個區域：
- 網站列表區：列出您在 ServBay 中新增的所有本機網站專案。
- 網站詳細區：展示目前選取網站的詳細設定資訊及狀態。
- 控制按鈕：分佈於列表與細節區的快速操作按鈕，用於網站生命週期管理與常用操作。
面板主要區域說明
網站列表區
網站列表區位於面板左側，集中展示所有已新增的本機網站。透過此列表，您可快速總覽所有專案並選擇特定網站進行進一步管理。
主要資訊欄位：
- 網站名稱：您為網站專案命名以便識別。
- 狀態指示：顯示網站目前的服務狀態（如：運行中、已停止、設定錯誤等），通常以顏色或圖示區分。
- 網域／埠號：顯示網站透過 HTTP/HTTPS 存取的本地網域（如
servbay.demo）與監聽埠號。點擊網域可直接在瀏覽器中開啟網站。 - 根目錄：顯示網站檔案的實體路徑，建議存放在 ServBay 預設網站根目錄
/Applications/ServBay/www下的子目錄。
快速操作按鈕：
在網站列表每個專案條目旁，通常提供一些快速操作按鈕，便於即時控制：
- 啟動／停止按鈕：用以快速啟動或停止該網站的 Web 服務。
- 刪除按鈕：將該網站設定自 ServBay 移除（僅移除設定，不會刪除網站實體檔案）。
網站詳細區
當您在網站列表中選取某個網站後，面板右側的網站詳細區會顯示該網站所有細節資訊及設定選項，是進行細緻管理的主要介面。
主要資訊及設定項目：
- 基本資訊：
- 網站名稱：網站的命名。
- 網域名稱：用於存取的本地網域。ServBay 會自動將其配置進系統 hosts 檔案。
- 根目錄：網站檔案的實體存放路徑。
- 協定：顯示網站支援的協定（HTTP, HTTPS）。
- 埠號：監聽的埠號。
- Web 伺服器：顯示該網站使用的 Web 伺服器類型（如 Caddy, Nginx, Apache）。ServBay 可為不同網站分別選擇不同伺服器。
- 設定細節：本區涵蓋網站的多種進階設定選項。ServBay 支援多種常見開發場景：
- SSL/TLS 設定：管理網站的 HTTPS 配置。ServBay 支援使用內建的 ServBay User CA 或 Public CA 輕鬆產生並信任本地 SSL 憑證，也支援透過 ACME（如 Let's Encrypt）申請正式憑證，供本地測試或公開存取。
- 反向代理 (Reverse Proxy)：可將特定路徑的請求代理至其他本機服務（如 Node.js 應用、API 服務等）。對於前端偽代理後端 API 或運行非 Web 伺服器托管的應用特別實用。
- 跨域資源共享 (CORS) 設定：能輕易調整 CORS 標頭，解決本地開發中的跨域問題。
- 語言／執行時版本選擇：ServBay 支援安裝及切換多種 PHP、Node.js、Python、Go、Java 版本。可針對當前網站指定 PHP 或 Node.js 等版本，確保專案於所需環境下運行。
- 環境變數：為網站程序配置專屬環境變數。
- 附加設定：允許添加 Web 伺服器的自定指令或配置。
- 日誌查看：提供快捷入口閱覽網站存取日誌 (Access Log) 及錯誤日誌 (Error Log)，便於問題排查與效能分析。
控制按鈕
控制按鈕設計讓您可快速完成常見網站管理操作。這些按鈕視情境分佈於網站列表或詳細區。
網站列表中的控制按鈕（快速操作）：
- 啟動：啟動選定網站的 Web 服務。
- 停止：停止選定網站的 Web 服務。
網站詳細區的控制按鈕（進階操作）：
- 在 IDE 中開啟：快速在您系統預設的整合開發環境 (IDE) 或程式編輯器中開啟網站根目錄。
- 開啟網站：於預設瀏覽器中開啟該網站存取頁面。
- 查看日誌：直接檢視該網站的存取日誌或錯誤日誌檔案，方便即時追蹤或檢閱歷史記錄。
- 啟動／停止／重啟：控管當前網站的 Web 服務生命週期。重啟多用於套用設定變更。
- 刪除：從 ServBay 刪除當前網站的設定。
核心功能與使用情境
網站管理面板不僅作為資訊展示，更是 ServBay 各項強大功能的入口：
- 多語言／多版本環境管理：可為不同專案快速配置 PHP (5.x - 8.x)、Node.js (LTS, Current)、Python、Go、Java 等不同版本，避免版本衝突。
- 靈活的 Web 伺服器選擇：依專案需求選用 Caddy、Nginx 或 Apache。Caddy 支援自動化 HTTPS，Nginx/Apache 則提供彈性客製設定。
- 本機 HTTPS 支援：一鍵啟用本地 HTTPS，採用 ServBay User CA 或 Public CA 憑證，輕鬆解決開發時 HTTPS 問題，特別是測試 PWA 或需要安全上下文的 API 時。
- 反向代理設定：將前端開發請求輕鬆代理到本機後端服務（如 Express、Django、Spring Boot 等）。
- CORS 快速設定：輕鬆排除本機前後端分離架構下的跨域請求困擾。
- 日誌集中管理：隨時存取和監控網站的存取及錯誤日誌，加快除錯效率。
常見操作與應用場景
- 新增網站：點擊面板「新增網站」按鈕，依序填寫網站名稱、網域、根目錄、挑選 Web 伺服器和語言版本，即可快速建立。
- 修改網站設定：於網站列表中選擇專案後，在詳細區調整設定（如更改 PHP 版本、加設反向代理規則、啟用 SSL），儲存並視需要重啟服務以生效新設定。
- 偵錯網站問題：於詳細區點擊「查看日誌」按鈕，檢查錯誤日誌協助定位問題來源。
- 快速開啟網站檔案或瀏覽器存取：可用詳細區的「在 IDE 中開啟」及「開啟網站」按鈕。
注意事項
- 建議將網站根目錄統一集中管理，例如皆放於
/Applications/ServBay/www/下的子資料夾。 - 修改設定後，需重啟服務才能讓新變更生效。
- 刪除網站設定不會移除您實際的專案檔案，請安心操作。
總結
ServBay 網站管理面板藉由清晰分工的區域設計與直覺的控制按鈕，為開發者打造高效率、易用的本機網站管理體驗。從基礎的網站生命週期管控、到進階的 SSL、反向代理與多版本環境設定，面板涵蓋絕大多數 Web 開發常見需求。熟練掌握 ServBay 面板操作，將大幅提升您的本地開發效率與體驗。善用其各項功能，您能更專注於編寫程式，而無須耗時於繁瑣的環境配置。