国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

JS---淺談前端數(shù)據(jù)加密的不同方式

這篇具有很好參考價(jià)值的文章主要介紹了JS---淺談前端數(shù)據(jù)加密的不同方式。希望對大家有所幫助。如果存在錯(cuò)誤或未考慮完全的地方,請大家不吝賜教,您也可以點(diǎn)擊"舉報(bào)違法"按鈕提交疑問。

在前端開發(fā)中我們經(jīng)常會遇到對數(shù)據(jù) 加密 or 解密 的場景,著重介紹下常用的幾種加密方式文章來源地址http://www.zghlxwxcb.cn/news/detail-828195.html

一、sha1加密

const CryptoJS = require('crypto-js') // 引入AES

function sha1(params) {
  return CryptoJS.SHA1(params).toString()
}

二、AES加解密

const CryptoJS = require('crypto-js') // 引入AES
/**
 * @param data 明文/密文
 * @param key  密鑰
 * @param iv   偏移量
 */
// key: '1qa2ws3ed4rf5tg122s'
// iv:  'test1234567890IV'

// 加密
function aesEncrypt(data, key, iv) {
  let _key = CryptoJS.enc.Utf8.parse(key)
  let _iv = CryptoJS.enc.Utf8.parse(iv)
  // 或 let _iv = CryptoJS.lib.WordArray.random(16)
  let encrypted = CryptoJS.AES.encrypt(_data, _key, {
    iv: _iv, // 偏移量(初始向量), CBC/CFB模式需加偏移量
    mode: CryptoJS.mode.CBC, // CBC/CFB/ECB模式
    padding: CryptoJS.pad.Pkcs7 // padding處理,Pkcs5/Pkcs7/NoPadding
  })
  return encrypted.toString()
}

// 解密
function aesDecrypt(data, key, iv) {
  let _key = CryptoJS.enc.Utf8.parse(key);
  let _iv = CryptoJS.enc.Utf8.parse(iv);
  let decrypt = CryptoJS.AES.decrypt(data, _key , {
    iv: _iv,
    mode: CryptoJS.mode.CBC,
    padding: CryptoJS.pad.Pkcs7
  })
  return decrypt.toString(CryptoJS.enc.Utf8)
}

【注】:加密時(shí)必須使用toString轉(zhuǎn)成字符串,解密時(shí)必須使用utf8格式

三、base64加密

// 加密
let encryptData = btoa('Hello World!');
console.log(encryptData); // "SGVsbG8gV29ybGQh"

// 解密
let decryptData = atob(encryptData)
console.log(decodedString); // "Hello World!"

四、MD5加密

const CryptoJS = require('crypto-js') // 引入AES

function md5(params) {
  return CryptoJS.MD5(params).toString()
}

四、編碼/解碼字符串

// 編碼
escape(str)
encodeURI(str)
encodeURIComponent(str)

// 解碼
unescape(str)
decodeURI(str)
decodeURIComponent(str)

到了這里,關(guān)于JS---淺談前端數(shù)據(jù)加密的不同方式的文章就介紹完了。如果您還想了解更多內(nèi)容,請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點(diǎn)僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載,請注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實(shí)不符,請點(diǎn)擊違法舉報(bào)進(jìn)行投訴反饋,一經(jīng)查實(shí),立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費(fèi)用

相關(guān)文章

  • js 實(shí)現(xiàn)純前端將數(shù)據(jù)導(dǎo)出excel兩種方式

    將table標(biāo)簽,包括tr、td等對json數(shù)據(jù)進(jìn)行拼接,將table輸出到表格上實(shí)現(xiàn),這種方法的弊端在于輸出的是偽excel,雖說生成xls為后綴的文件,但文件形式上還是html,代碼如下 通過將json遍歷進(jìn)行字符串拼接,將字符串輸出到csv文件,代碼如下

    2024年02月15日
    瀏覽(27)
  • 前端js使用AES加密

    我是在uniapp項(xiàng)目里使用,AES加密也分幾種模式,我這里有CBC和ECB模式,ECB模式安全性差些但快 加密文件下載 下載好和封裝引用

    2024年02月16日
    瀏覽(20)
  • 前端(js)md5加密

    1、引入md5源文件,代碼如下,直接復(fù)制。 2、在頁面引入md5文件。 3、使用md5加密。

    2024年02月11日
    瀏覽(23)
  • AES對稱加密實(shí)戰(zhàn)——前端js加密后端python解密

    AES對稱加密實(shí)戰(zhàn)——前端js加密后端python解密

    高級加密標(biāo)準(zhǔn)(AES, Advanced Encryption Standard),是一種最常見的對稱加密算法 。其加密流程如下圖所示,發(fā)送方通過密鑰對明文加密后進(jìn)行網(wǎng)絡(luò)傳輸,接收方用同樣的密鑰將密文解密。在前后端通訊場景中,可利用AES算法對用戶密碼進(jìn)行加密后傳輸,防止被抓包而造成密碼泄露。

    2024年02月04日
    瀏覽(25)
  • JS - 生成隨機(jī)數(shù)的方法匯總(不同范圍、類型的隨機(jī)數(shù))

    (1)使用 random() 方法可以返回一個(gè)介于 0 ~ 1 之間的偽隨機(jī)數(shù)(包括 0,不包括 1)。 (2)下面是一個(gè)測試樣例 (1)這種最簡單,因?yàn)楹?random 的特點(diǎn)保持一致。只需使用如下公式即可: (2)比如下面生成 [10,15) 范圍內(nèi)的隨機(jī)浮點(diǎn)數(shù)。 因?yàn)?random 的特點(diǎn),要取得這幾個(gè)區(qū)間

    2023年04月08日
    瀏覽(28)
  • java和js實(shí)現(xiàn)前端加密后端解密,后端加密前端解密(Base64)

    目錄 1.前端加密后端解密 2.后端加密前端解密 在前端和后端數(shù)據(jù)傳輸時(shí),常常涉及到隱私數(shù)據(jù)的傳輸(例如用戶名和密碼),這時(shí),我們就需要對隱私數(shù)據(jù)進(jìn)行加密解密 1.前端加密后端解密 ????????1.1 前端jquery實(shí)現(xiàn) ????????1.2后端 2.后端加密前端解密 ? ? ? ? 2.1后端加密

    2024年02月16日
    瀏覽(30)
  • encrypt-js 前端 的加密解密

    1.? ? 跟后端人員約定好偏移量 encrypt是 加密的方法 decrypt是解密的方法 定義一個(gè) 工具包 import {encrypt} from \\\"./aes.js\\\";? 引入方法 直接使用 let data=encrypt(加密的內(nèi)容)

    2024年04月17日
    瀏覽(26)
  • 前端js加密庫的簡單使用——crypto-js、jsrsasign、jsencrypt

    個(gè)人經(jīng)驗(yàn),這三個(gè)加密庫的組合是最佳解決方案 crypto-js、jsrsasign、jsencrypt crypto-js 進(jìn)行 AES 對稱加密 jsrsasign 生成 RSA 密鑰對 jsencrypt 進(jìn)行 RSA 加解密

    2024年02月11日
    瀏覽(52)
  • Vue中的加密方式(js-base64、crypto-js、jsencrypt、bcryptjs)

    Vue中的加密方式(js-base64、crypto-js、jsencrypt、bcryptjs)

    1.安裝js-base64庫? 2.?在Vue組件中引入js-base64庫 3.使用js-base64庫進(jìn)行加密 4.Vue中其他加密方式? 1.crypto-js 2.jsencrypt 3.bcryptjs 使用 Base64.encode() 方法對字符串進(jìn)行加密,并使用 Base64.decode() 方法對加密后的字符串進(jìn)行解密。您可以根據(jù)需要使用這些方法來加密和解密字符串。請注意

    2024年02月08日
    瀏覽(23)
  • uniapp引入全局js,vue2/vue3不同方式引入

    uniapp引入全局js,vue2/vue3不同方式引入

    Hi I’m Shendi uniapp引入全局js,vue2/vue3不同方式引入 最近寫小程序,個(gè)人開發(fā),選用了 uni-app 進(jìn)行開發(fā) 選用的 vue3 版本 因?yàn)槲矣玫?vue3 版本,在這里踩了沒學(xué)過vue3的坑,用vue2引入全局js的方式使用,導(dǎo)致undefined… Vue2 版引入全局js的方法如下 將js放到項(xiàng)目內(nèi),一般放到自建的

    2024年02月03日
    瀏覽(28)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包