Javascript 如何加密HTML5 web存储？

mcrypt还是cryptojs更好

有谁能给我举个例子，说明如何使用HML5加密web存储

HTML:

<div id="Data Personal">
    <h1>Silakan Masukkan Data</h1>
    <div>Nama = <span id="nama" contenteditable="true" onkeyup="storeMyContact(this.id)"></span></div>
    <div>telepon =  <span id="Telepon" contenteditable="true" onkeyup="storeMyContact(this.id)"></span></div>
    <div>Email =  <span id="email" contenteditable="true" onkeyup="storeMyContact(this.id)"></span></div>
    <div>Kartu kredit =  <span id="cc" contenteditable="true"onkeyup="storeMyContact(this.id)"></span></div>
</div>

function storeMyContact(id) {
    var nama = document.getElementById('nama').innerHTML;
    var Telepon = document.getElementById('Telepon').innerHTML;
    var email = document.getElementById('email').innerHTML;
    var cc = document.getElementById('cc').innerHTML;
    localStorage.setItem('datnama', nama);
    localStorage.setItem('dattlp', Telepon);
    localStorage.setItem('datemail', email);
    localStorage.setItem('datcc', cc);
}

---

除了我在上面的评论。。存储常规数据和加密数据没有任何区别。。由于本地存储只接受文本，因此，如果您存储JSON（例如），则需要首先对其进行字符串化。。因此，在存储之前，请先字符串化->然后加密->然后存储。。在检索时，您可以检索->然后解密->然后解析

我曾经使用过CryptoJS，那是用于哈希计算的，我曾经通过短信发送哈希盐。。这真的很有效

使用例如AES的加密/解密示例如下：

<script src="http://crypto-js.googlecode.com/svn/tags/3.1.2/build/rollups/aes.js">
</script>
<script>
    var encrypted = CryptoJS.AES.encrypt("Message", "Secret Passphrase");

    var decrypted = CryptoJS.AES.decrypt(encrypted, "Secret Passphrase");
</script>

var encrypted=CryptoJS.AES.encrypt（“消息”、“秘密密码”）；
var decrypted=CryptoJS.AES.decrypt（加密的“秘密密码短语”）；

---

如果使用PHP，则必须使用服务器端加密（如Mcrypt），然后使用Base64对其进行编码

var-nama=''；
setItem（'datnama'，nama）；

由于解密密钥仍将在源代码js文件中，因此有什么好处？本地存储根本不应该用来存储敏感数据。正如Mohammed所说，您可以对其进行加密，使其更难“窃取”敏感数据，但由于加密是在客户端代码中完成的，因此并不安全。您可以在服务器端服务上对其进行加密，加密（和盐）将对用户隐藏，但这样您就不会真正享受到本地存储的好处了。…。@MohammedR.El-Khoudary，谢谢您提供的信息。那么我可以用php进行解密吗？是的，我更喜欢服务器端加密。。这样在客户机中存储数据就可以了。。但是你应该使用一个强大的加密算法，并且你应该为密钥更改指定一个特定的时间段链接在我答案的末尾。。如果你想学点什么。。请不要犹豫，在这里询问。您现在也有这个图书馆：