简介
这里给大家汇总常用不常用的JS加密案例，免得大家用的时候到处去找例子。
正题
-
对称加密：
-
替代字符表示法：使用Base64或类似的编码对数据进行简单的转换，不过这并不是真正的加密，而只是一种表示形式的转换。
-
<!DOCTYPE html> <html> <body> <h2>Base64编码示例</h2> <p>原始文本: Hello, World!</p> <p>Base64编码结果:</p> <p id="encoded-text"></p> <script> var text = "Hello, World!"; var encodedText = btoa(text); document.getElementById("encoded-text").innerHTML = encodedText; </script> </body> </html> -
JavaScript加密库：通过在HTML中嵌入JavaScript加密库，可以实现一些对称加密算法，如AES（Advanced Encryption Standard）等。
-
// AES <!DOCTYPE html> <html> <head> <script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.0.0/crypto-js.min.js"></script> </head> <body> <h2>AES加密示例</h2> <p>原始文本: Hello, World!</p> <p>AES加密结果:</p> <p id="encrypted-text"></p> <script> var plaintext = "Hello, World!"; var passphrase = "MySecretPassphrase"; // Encrypt var encryptedText = CryptoJS.AES.encrypt(plaintext, passphrase).toString(); document.getElementById("encrypted-text").innerHTML = encryptedText; </script> </body> </html>
-
-
非对称加密：
-
RSA加密：通过使用JavaScript实现RSA算法，可以在浏览器中进行非对称加密。但是这种方法可能存在性能问题，尤其是在处理大量数据时。
-
<!DOCTYPE html> <html> <head> <script src="https://cdnjs.cloudflare.com/ajax/libs/jsencrypt/3.0.0/jsencrypt.min.js"></script> </head> <body> <h2>RSA加密示例</h2> <p>原始文本: Hello, World!</p> <p>RSA加密结果:</p> <p id="encrypted-text"></p> <script> var text = "Hello, World!"; var encrypt = new JSEncrypt(); var publicKey = "YOUR_PUBLIC_KEY"; // 请用真实的公钥替换 encrypt.setPublicKey(publicKey); var encrypted = encrypt.encrypt(text); document.getElementById("encrypted-text").innerHTML = encrypted; </script> </body> </html> -
JavaScript加密库：使用JavaScript加密库如OpenSSL或其他JavaScript加密库，可以在HTML中实现非对称加密功能。
-
const crypto = require('crypto'); const plaintext = 'Hello, World!'; const publicKey = `-----BEGIN PUBLIC KEY----- YOUR_PUBLIC_KEY -----END PUBLIC KEY-----`; // 请用实际的公钥替换 const encrypted = crypto.publicEncrypt(publicKey, Buffer.from(plaintext)); console.log(encrypted.toString('base64'));
-
-
哈希加密：
- MD5/SHA-1/SHA-256等哈希算法：通过JavaScript实现这些哈希算法，可以对数据进行单向的哈希加密，生成相应的哈希值。
- MD5哈希加密：
- JavaScript加密库：一些JavaScript加密库提供了多种哈希算法的实现，可以直接在HTML中调用这些库来实现哈希加密。
htmlCopy code<!DOCTYPE html> <html> <body> <h2>MD5哈希加密示例</h2> <p>原始文本: Hello, World!</p> <p>MD5哈希值:</p> <p id="md5-hash"></p> <script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.0.0/crypto-js.min.js"></script> <script> var text = "Hello, World!"; var md5Hash = CryptoJS.MD5(text).toString(); document.getElementById("md5-hash").innerHTML = md5Hash; </script> </body> </html>- SHA-1哈希加密：
htmlCopy code<!DOCTYPE html> <html> <body> <h2>SHA-1哈希加密示例</h2> <p>原始文本: Hello, World!</p> <p>SHA-1哈希值:</p> <p id="sha1-hash"></p> <script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.0.0/crypto-js.min.js"></script> <script> var text = "Hello, World!"; var sha1Hash = CryptoJS.SHA1(text).toString(); document.getElementById("sha1-hash").innerHTML = sha1Hash; </script> </body> </html>- SHA-256哈希加密：
htmlCopy code<!DOCTYPE html> <html> <body> <h2>SHA-256哈希加密示例</h2> <p>原始文本: Hello, World!</p> <p>SHA-256哈希值:</p> <p id="sha256-hash"></p> <script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.0.0/crypto-js.min.js"></script> <script> var text = "Hello, World!"; var sha256Hash = CryptoJS.SHA256(text).toString(); document.getElementById("sha256-hash").innerHTML = sha256Hash; </script> </body> </html> -
SSL/TLS：
- 使用HTTPS协议：尽管不是HTML本身的一部分，但可以通过在HTML页面中引用HTTPS链接来确保数据在传输过程中的安全性。
需要注意的是，在实际应用中，为了实现更强大的加密功能，往往需要借助其他技术。单一的对数据进行加密没有太大的作用，用户可以通过分析前端代码模拟出一样的加密内容。
为了进一步加大保护系数，建议使用jsjiami一键在线JS加密工具把所有逻辑加密一遍，变成看不懂的逻辑，但功能保持不变。
关于最后
如果有部分用户，在加密JS的时候，忘记备份自己的源代码导致源代码丢失，可以找上边网站的客服进行付费的人工解密服务。任何加密都可以，只要是js加密。
![[尚硅谷React笔记]——第4章 React ajax](https://img-blog.csdnimg.cn/be694703390e477ba20f3e405bb74ca0.png)
