Verwendung der AES-Verschlüsselung Verschlüsselungs- und Entschlüsselungsverarbeitung bei der Datenübertragung --- AES.js Erster Schritt: Installieren Sie die Crypto-JS-Abhängigkeit in Vue
Schritt 2: Erstellen Sie eine neue AES.js-Datei im statischen Verzeichnis, zum Beispiel: Schritt 3: Füllen Sie den folgenden Code in AES.js aus importiere CryptoJS von „crypto-js“; // npm installiere crypto-js --save-dev //Eine bestimmte Anzahl von 32-Bit-Schlüsseln nach dem Zufallsprinzip generieren Standard exportieren { generatekey(num) { let Bibliothek = „ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789“; lass Schlüssel = ""; für (var i = 0; i < num; i++) { sei randomPoz = Math.floor(Math.random() * Bibliothek.Länge); Schlüssel += Bibliothek.Teilzeichenfolge(randomPoz, randomPoz + 1); } Eingabetaste; }, //verschlüsseln(Wort, Schlüsselwert) { keyStr = keyStr ? keyStr : "CXMGNcYwTrtsadQmV935ONNXMUycpG1g"; //Beurteilen, ob ksy existiert. Wenn nicht, den definierten Schlüssel verwenden var Schlüssel = CryptoJS.enc.Utf8.parse(keyStr); var srcs = CryptoJS.enc.Utf8.parse(Wort); var verschlüsselt = CryptoJS.AES.encrypt(srcs, Schlüssel, { Modus: CryptoJS.mode.ECB, Polsterung: CryptoJS.pad.Pkcs7 }); returniere encrypted.toString(); }, //Entschlüsselungdecrypt(word, keyStr) { keyStr = keyStr ? keyStr : "CXMGNcYwTrtsadQmV935ONNXMUycpG1g"; var Schlüssel = CryptoJS.enc.Utf8.parse(keyStr); var decrypt = CryptoJS.AES.decrypt(Wort, Schlüssel, { Modus: CryptoJS.mode.ECB, Polsterung: CryptoJS.pad.Pkcs7 }); gibt CryptoJS.enc.Utf8.stringify(entschlüsseln).toString(); zurück. } }; Schritt 4: Einführung, wo Verschlüsselung erforderlich ist
Schritt 5: Anruf //Wenn es ein Objekt/Array ist, müssen Sie es zuerst mit JSON.stringify in einen String konvertieren. //Rufen Sie die Verschlüsselungsmethode auf. var encrypts = AES.encrypt(JSON.stringify(cars),keys); //Rufen Sie die Entschlüsselungsmethode auf var dess = JSON.parse(AES.decrypt(encrypts,keys)); console.log(verschlüsselt) console.log(verschlüsselt.Länge) console.log(dess) Damit ist dieser Artikel über die detaillierten Schritte zur Verwendung von AES.js in Vue abgeschlossen. Weitere relevante Inhalte zur Verwendung von AES.js in Vue finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, dass jeder 123WORDPRESS.COM in Zukunft unterstützen wird! Das könnte Sie auch interessieren:
|
<<: Detaillierte Analyse mehrerer Situationen, in denen MySQL-Indizes fehlschlagen
>>: Docker nginx implementiert einen Host zum Bereitstellen mehrerer Sites
Dieser Artikel beschreibt, wie man über Docker ei...
Inhaltsverzeichnis Definition Struktur Beispiele ...
Das Textfeld mit dem ReadOnly-Attribut wird auf de...
Inhaltsverzeichnis 1. Benutzerdefinierte Anweisun...
Vorne geschrieben Nachdem wir Nginx basierend auf...
1. Grundstruktur: Code kopieren Der Code lautet wi...
In tatsächlichen Entwicklungs- oder Produktionsum...
Was ist Textumbruch um Bilder? Dies ist die Auswi...
Der HTML-Code zum Abfangen von mehrzeiligem Text l...
Vorwort: Vue3.0 implementiert dreidimensionales S...
1. Anwendungsszenarien Es gibt eine solche Anford...
Nachdem Sie einen Container lokal erstellt haben,...
Direkt zur Konfigurationsdatei Server { listen 80...
1. Laden Sie das MySQL-Installationspaket herunte...
Grafisches Installationstutorial für die MySQL In...