ServBay 网站管理面板介绍
ServBay 提供了一个功能强大且用户友好的本地网站管理面板，使得管理和操作您的本地 Web 开发环境变得非常简单和直观。本文将详细介绍 ServBay 的网站管理面板，包括其主要区域、核心功能及其使用方法，帮助开发者高效地搭建和管理本地网站。
面板概述
ServBay 的网站管理面板是您管理所有本地网站项目的中心枢纽。它将复杂的服务配置（如 Web 服务器、SSL 证书、语言版本）抽象化，通过直观的图形界面提供控制。面板主要分为以下几个部分：
- 网站列表区域：显示您在 ServBay 中添加的所有本地网站项目。
- 网站详情区域：显示当前选定网站的详细配置信息和状态。
- 控制按钮：分布在列表和详情区域的快速操作按钮，用于对网站进行生命周期管理和常用操作。
面板主要区域详解
网站列表区域
网站列表区域位于面板的左侧，集中展示了所有已添加的本地网站。通过此列表，您可以快速概览所有项目并选择特定网站进行详细查看和管理。
主要信息列：
- 网站名称：您为网站项目设定的名称，便于识别。
- 状态指示：显示网站当前的服务状态（如：运行中、已停止、配置错误等），通常通过颜色或图标区分。
- 域名/端口：显示网站通过 HTTP/HTTPS 访问的本地域名（如
servbay.demo）和监听的端口号。点击域名通常可以直接在浏览器中打开网站。 - 根目录：显示网站文件的物理路径，通常建议位于 ServBay 的默认网站根目录
/Applications/ServBay/www下的子目录中。
快速操作按钮：
在网站列表的每个网站条目旁边，通常会提供一些快速操作按钮，方便您进行即时控制：
- 启动/停止按钮：用于快速启动或停止该网站的 Web 服务。
- 删除按钮：用于从 ServBay 中移除该网站配置（此操作不会删除网站的物理文件，仅移除 ServBay 中的配置）。
网站详情区域
当您在网站列表区域选中某个网站后，面板右侧的网站详情区域会显示该网站的所有详细信息和配置选项。这是进行精细化管理的主要界面。
主要信息与配置项：
- 基本信息：
- 网站名称：网站的名称。
- 域名：用于访问网站的本地域名。ServBay 会自动将其配置到系统的 hosts 文件中。
- 根目录：网站文件的物理路径。
- 协议：显示网站支持的协议（HTTP, HTTPS）。
- 端口：网站监听的端口。
- Web 服务器：显示该网站使用的 Web 服务器类型（如 Caddy, Nginx, Apache）。ServBay 允许为不同网站选择不同的 Web 服务器。
- 配置详情：这一部分包含了该网站的各种高级配置选项。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 作为网站的 Web 服务器。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 网站管理面板的使用，能够极大地提升您的本地开发效率和体验。利用好面板提供的各项功能，您可以更专注于代码本身，而非繁琐的环境配置。