Topics

在传统的 LAMP 配置中，/prev/或者test.example.com/一般的做法是使用基本身份验证来准备预览环境。

然而，对于使用 Vercel 或 Cloudflare Pages 的最新Headless CMS 配置，许多人似乎感到困惑，并提出这样的问题：“当我构建时，会创建一个预览 URL，但这是 stg 吗？”和“我甚至可以设置密码验证（基本身份验证）吗？”

结论：预览环境很棒！而且保护得很好！

例如，Vercel 和 Cloudflare Pages 的每个分支都有一个单独的 Git 分支。preview URL具有自动发出以下内容的功能。每次自动创建最新暂存环境的系统如果您使用 Git 管理源代码，您可以创建一个新分支并推送，系统会立即发出确认 URL。无需手动将文件上传到暂存环境。

“但是那个预览网址会公开吗？”

别担心，有可以轻松设置访问限制就是这样。

Cloudflare 页面示例

Cloudflare Pages 允许您限制对预览环境的访问。

基本身份验证

• 您可以像传统预览环境一样，使用用户名和密码设置身份验证。除非有特殊配置，否则这可能是首选方法。
• 然而，结合 SSG（静态站点生成）和 SSR（服务器端渲染）的混合配置在某些情况下，基本身份验证无法正常工作，例如：

Cloudflare Access

• 如果上述基本身份验证不合适，或者您想要更灵活的访问控制，请使用 Cloudflare Access。

可以从 GUI 进行以下设置（免费计划限制为 50 个用户）。

• example.com仅允许具有特定电子邮件域的用户，例如
• 仅允许具有指定电子邮件地址的用户
• Google 帐户身份验证（也可以与 Google Workspace 集成）
• IP地址限制
• 发放临时访问 PIN

Vercel 示例

当然，Vercel 还允许您保护预览环境。

• Vercel Authentication仅限团队成员访问
• 密码保护（适用于专业版及以上计划）
• 可以为生产环境和预览环境设置不同的限制。

通过使用 Vercel 身份验证功能，您可以限制仅限项目成员访问、创建可共享链接等。

顺便说一句，Vercel 的预览环境保护很难使用，因为密码验证需要额外收费（150 美元/月）。部署保护现已适用于所有计划！

https://vercel.com/docs/deployment-protection

所以，这就是它的意思！

“Jamstack 很酷，但它有合适的预览环境吗？”“它安全吗？”现代暂存是一种自动为每个分支发布的“预览环境”，并且可以灵活轻松地配置访问限制。

您可以获得与传统方法相同的安心，但更轻松、更智能。不妨在您的下一个项目中尝试一下。