Detaillierte Schritte zur Verwendung von AES.js in Vue

Detaillierte Schritte zur Verwendung von AES.js in Vue

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

npm installiere crypto-js --save-dev

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

importiere AES aus "@/common/AES.js";

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:
  • So implementieren Sie die AES-Datenverschlüsselung basierend auf Python3 und Vue
  • Verwenden von AES zum Implementieren der Kennwortverschlüsselung und -entschlüsselung im Vue-Projekt (ECB- und CBC-Modi)

<<:  Detaillierte Analyse mehrerer Situationen, in denen MySQL-Indizes fehlschlagen

>>:  Docker nginx implementiert einen Host zum Bereitstellen mehrerer Sites

Artikel empfehlen

Der beste Weg, um den 1px-Rand auf Mobilgeräten zu lösen (empfohlen)

Bei der Entwicklung für Mobilgeräte tritt häufig ...

Wie besteht man die W3C-Validierung?

Neben der Festlegung von Vorschriften für verschi...

Designtheorie: Zehn Tipps zur Inhaltspräsentation

<br /> Der Entwurf einer persönlichen Schrei...

my.cnf (my.ini) wichtige Parameteroptimierungs-Konfigurationsanweisungen

MyISAM-Speicher-Engine Die MyISAM-Speicher-Engine...

Über das Vue Virtual Dom-Problem

Inhaltsverzeichnis 1. Was ist virtueller Dom? 2. ...

Super detaillierte grundlegende JavaScript-Syntaxregeln

Inhaltsverzeichnis 01 JavaScript (abgekürzt: js) ...

Implementierung der Ausführung von SQL Server mit Docker

Jetzt ist .net Core plattformübergreifend und jed...

Erweiterte benutzerdefinierte JavaScript-Ausnahme

Inhaltsverzeichnis 1. Konzept 1.1 Was sind Fehler...

Implementierung von Check Constraints in MySQL 8.0

Hallo zusammen, ich bin Tony, ein Lehrer, der nur...

js und jquery, um einen Tab-Statusleisten-Umschalteffekt zu erzielen

Heute werden wir einen einfachen Fall durchgehen ...