如何在客户端静态网页以类似crypto-js的方式用JavaScript引入bcrypt？

当然有类似的方案，你可以使用bcrypt.js这个纯JavaScript实现的bcrypt库，直接通过CDN引入到静态网页中，具体操作如下：

• 引入库：在HTML中添加以下script标签即可完成引入：

  <script src="https://cdnjs.cloudflare.com/ajax/libs/bcryptjs/2.4.3/bcrypt.min.js"></script>
  

• 简单使用示例：
  引入后可直接调用全局的bcrypt对象，进行密码哈希生成与验证操作：

  // 生成密码哈希
  const userPassword = "user-input-password";
  bcrypt.hash(userPassword, 10, function(err, hash) {
    if (err) throw err;
    // 可将hash值传递到后端存储
    console.log("生成的哈希值：", hash);
  });
  
  // 验证密码是否匹配
  const storedHash = "从存储中获取的哈希值";
  bcrypt.compare(userPassword, storedHash, function(err, isMatch) {
    if (err) throw err;
    console.log("密码验证结果：", isMatch); // 匹配返回true，不匹配返回false
  });
  

注意：前端使用bcrypt时，核心的密码存储逻辑建议放在后端完成，前端仅作为辅助验证场景使用，避免敏感逻辑暴露在客户端。

内容的提问来源于stack exchange，提问作者Harsh