有没有办法在能够查看 HTML5 网站之前制作密码元素？ [关闭]答案

【问题标题】：Is there a way to make a passcode element before being able to view an HTML5 website? [closed]有没有办法在能够查看 HTML5 网站之前制作密码元素？ [关闭]
【发布时间】：2020-05-23 05:00:29
【问题描述】：

我想为我的网站添加某种秘密密码，客户必须输入该密码才能访问该网站，这样只有我的朋友才能查看。

【问题讨论】：

欢迎来到 SO。请阅读stackoverflow.com/help/how-to-ask 并编辑您的帖子

标签： javascript html

【解决方案1】：

您不能在客户端执行此操作。如果您检查元素，代码将可见。你只需要做这个服务器端才能真正确保它的安全。

【讨论】：

【解决方案2】：

这是一个非常广泛的问题，没有一个答案，但你不能只用常规的 HTML 来做，你需要使用服务器端才能做到这一点。我不知道你的技能是什么，但我建议你看看

这个堆栈溢出问题：How do I make a simple password page

或这篇文章：How to Password Protect a Page or Directory on Your Site

编辑

您可以在客户端使用 JS 来执行此操作，但不推荐。

【讨论】：

【解决方案3】：

如果您可以访问服务器端，请使用 HTTP 身份验证

我建议使用 Digest 类型以获得更好的安全性。

如果您无权访问服务器端您可以加密您的内容并使用 javascript 使用特定密码对其进行解密所以，你需要一个加密算法

我建议使用 AES-CBC 以获得更好的安全性。

你可以在这里找到一些例子 js SubtleCrypto API

首先，用你的密码加密你的数据

然后将加密文本放在某个地方

然后向用户询问密钥

尝试通过密钥解密文本并显示数据

你已经完成了（：

【讨论】：