「Jamstack没有预览环境吗？」您是否这样想过？

传统的LAMP构成等系统中，通常在/prev/或test.example.com/添加Basic身份验证来构建预览环境。

但是，最近使用Vercel或Cloudflare Pages的headless CMS构成等中，许多人感到困惑，"构建后会生成预览用的URL，但这是stg吗？""首先可以设置密码认证（Basic认证）吗？"

结论：预览环境确实存在！而且可以得到良好保护！

例如，Vercel和Cloudflare Pages具备针对Git各个分支自动生成preview URL的功能。换句话说，这是每次都自动为您创建最新暂存环境的机制。只要使用Git管理源代码，切换到新分支并push后，就会立即生成确认用的URL。完全无需手动将文件上传到暂存环境。

「但是，这个预览URL会被公开吗？」

无需担心。以下访问限制也可以轻松设置。

Cloudflare Pages的示例

在 Cloudflare Pages 中，可以设置对预览环境的访问限制。

Basic 身份验证

• 可以通过用户名和密码进行身份验证，形式接近传统预览环境。除了某些特定配置外，这种方式在许多情况下都是常用的。
• 但是，在SSG（Static Site Generation）和 SSR（Server-Side Rendering）相结合的混合配置等情况下，Basic 身份验证可能无法正常工作。

Cloudflare Access

• 当上述 Basic 身份验证不适用，或者需要更灵活的访问控制时，使用 Cloudflare Access。

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

• 仅允许具有特定邮箱域名（如 example.com）的用户
• 仅允许具有指定邮箱地址的用户
• Google 账户认证（也可与 Google Workspace 关联）
• 按 IP 地址进行限制
• 临时访问 PIN 的发行

Vercel 的示例

当然，在 Vercel 中也可以保护预览环境。

• Vercel Authentication 团队成员专享访问限制
• 密码保护（Pro 及更高版本计划可配置）
• 在生产环境和预览环境中应用不同的限制也是可行的

通过使用 Vercel Authentication 功能，可以实现仅限项目成员的访问、创建可共享链接等功能。

顺便提一下，Vercel 的预览环境保护之前需要单独付费的 Password 认证（$150/mo），使用起来不太方便，但现在 Deploy Protection 已在所有计划中提供了！

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

也就是说，是这样的！

「Jamstack 很时尚，但真的有预览环境吗？」「安全性没问题吗？」如今的演示环境是按分支自动生成的「预览环境」。而且访问限制也可以灵活且简便地配置。

用一如既往的可靠方式，但现在更轻松、更智能地实现。欢迎从下一个项目开始尝试。