Mi identificación está almacenada en sessionStorage y quiero cifrar mi identificación. ¿Cómo puedo cifrar en Vue 3 y la mejor manera de proteger mi identificación?
sessionStorage.setItem('id', error.response.data.user.id)esta es mi identificación y quiero que se almacene en sessionStorage encriptada y luego obtener una identificación descifrada.
Puede usar cryptoJS para lograr el encryption y decryption .
demostración:
var id = document.getElementById("userId"), save = document.getElementById("save"), read = document.getElementById("read"); // Manage Save event save.addEventListener("click", function(e){ window.sessionStorage["userId"] = CryptoJS.AES.encrypt(id.value, 'secret key'); }, true); // Manage Read Event read.addEventListener("click", function(e) { let decryptedId = CryptoJS.AES.decrypt(window.sessionStorage["userId"].toString(), 'secret key'); document.getElementById('showId').innerHTML = decryptedId.toString(CryptoJS.enc.Utf8); }, true); <script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/3.1.2/rollups/aes.js"></script> <input type="text" id="userId" /> <input type="button" value="Save" id="save" /> <input type="button" value="Read" id="read" /> <p id="showId"></p> Debido a las limitaciones del fragmento de código, no se puede acceder al objeto de la window , pero puede tomar la referencia.