Astro js 中的简单密码保护页面

Question

有人可以给我一些关于如何在 Astrojs 网站的某个部分设置简单密码保护的文档吗？ 我有以下基本结构：

index.astro
page1.astro
page2.astro
/blog/
  [slug]
/protected/
  protected1.astro
  protected2.astro
contact.astro

我希望 /protected/ 文件夹下的所有内容都需要简单的 PW 访问。 如果 cookie 存在...显示页面。 如果 cookie 不存在...重定向到密码输入。

我在文档中找不到任何内容，也无法在任何聊天板上发布任何内容。 大多数身份验证示例都更加健壮并且需要数据库。 我正在寻找一种非常简单的安全检查。

非常感谢任何帮助。 谢谢。

Answer 1

要在没有数据库的情况下向 Astro 站点的 /protected/ 部分添加简单的密码保护，您可以使用客户端 JavaScript 和 cookie 来实现。

1. 创建密码页面
2. 在受保护的页面中添加密码检查
3. 文件夹结构调整
4. 当用户尝试访问 /protected/ 文件夹中的任何页面时，JavaScript 将检查 access_granted=true cookie 是否存在。
5. 如果 cookie 存在，他们就可以访问内容
6. 输入正确的密码后，cookie 就会被设置，并且它们会被重定向到受保护的内容。