Comment utiliser vue.js pour utiliser le cryptage 3DES

Cette fois, je vais vous montrer comment utiliser le cryptage 3DES lors de l'utilisation de vue.js. Quelles sont les précautions pour utiliser le cryptage 3DES lors de l'utilisation de vue.js. Ce qui suit est un cas pratique, prenons un. regarder.

Comment utiliser le cryptage 3des dans un projet construit avec l'échafaudage VUE-CLI :

npm install crypto-js --save-dev

import CryptoJS from 'crypto-js'

//DES加密 Pkcs7填充方式
encryptByDES(message, key){
  const keyHex = CryptoJS.enc.Utf8.parse(key);
  const encrypted = CryptoJS.DES.encrypt(message, keyHex, {
   mode: CryptoJS.mode.ECB,
   padding: CryptoJS.pad.Pkcs7
   });
  return encrypted.toString();
}
//DES解密
decryptByDES(ciphertext, key){
  const keyHex = CryptoJS.enc.Utf8.parse(key);
  // direct decrypt ciphertext
  const decrypted = CryptoJS.DES.decrypt({
     ciphertext: CryptoJS.enc.Base64.parse(ciphertext)
   }, keyHex, {
     mode: CryptoJS.mode.ECB,
     padding: CryptoJS.pad.Pkcs7
  });
  return decrypted.toString(CryptoJS.enc.Utf8);
}
const _key = 'abcdefghijklmn'
const _password = '123456'
//加密
console.log(this.encryptByDES(_password,_key))
//解密
console.log(this.decryptByDES(_password,_key))

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article , et il y a des choses plus excitantes. Veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

Explication détaillée des étapes d'enseignement d'introduction à Vuex

Explication détaillée des étapes d'optimisation à l'aide de vue-admin- modèle

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!