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 很酷，但它有合適的預覽環境嗎？”“它安全嗎？”現代暫存是一種自動為每個分支發布的“預覽環境”，並且可以靈活輕鬆地配置存取限制。

您可以獲得與傳統方法相同的安心，但更輕鬆、更聰明。不妨在您的下一個項目中嘗試一下。