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

Ein Beispiel, wie JavaScript doppelte Netzwerkanforderungen verhindern kann

Vorwort Während der Entwicklung stoßen wir häufig...

Vue implementiert die Internationalisierung der Sprachumschaltung für Webseiten

1. Grundlegende Schritte 1: Installieren Sie yarn...

Detaillierte Erläuterung der CSS BEM-Schreibstandards

BEM ist ein komponentenbasierter Ansatz zur Weben...

So erhalten und verwenden Sie die Zeit im Linux-System

Es gibt zwei Arten von Linux-Systemzeiten. (1) Ka...

Einführung und Verwendung der Angular-Pipeline PIPE

Vorwort PIPE, übersetzt als Pipeline. Angular Pip...

JavaScript zum Implementieren der Auswahl oder Stornierung von Kontrollkästchen

In diesem Artikel wird der spezifische JavaScript...

Mysql-Optimierung Zabbix-Partitionsoptimierung

Der größte Engpass bei der Verwendung von Zabbix ...

Vue implementiert die Funktion zum Aufrufen der Handykamera und des Albums

In diesem Artikel wird der spezifische Code von V...

Beispiel zum Erstellen eines MySQL-Clusters mit Docker

Grundlegende Anweisungen für Docker: Update-Paket...