cryptoJs 前端用法

vue 用法

npm install crypto-js

新建一个jiami.js

然后main.js 引入

import cryptoJs from './utils/jiami'

声明一下

Vue.prototype.$jiami = function (word) {return cryptoJs.jiami(word)
}Vue.prototype.$jiemi = function (word) {return cryptoJs.jiemi(word)
}

jiami.js 的代码

'use strict'import cryptoJs from 'crypto-js'
let keyOne = '秘钥自己写一个'   // 秘钥export default {// 加密函數jiami (word) {let key = cryptoJs.enc.Hex.parse(keyOne)let enc = ''if (typeof word === 'string') {enc = cryptoJs.AES.encrypt(word, key, {// iv: ivmode: cryptoJs.mode.ECB,padding: cryptoJs.pad.Pkcs7})} else if (typeof word === 'object') {let data = JSON.stringify(word)enc = cryptoJs.AES.encrypt(data, key, {// iv: ivmode: cryptoJs.mode.ECB,padding: cryptoJs.pad.Pkcs7})}let encResult = enc.ciphertext.toString()return encResult},// 解密函數jiemi (word) {let re='cryptoJs_error'try{let key = cryptoJs.enc.Hex.parse(keyOne)let dec = cryptoJs.AES.decrypt(cryptoJs.format.Hex.parse(word), key, {// vi: vimode: cryptoJs.mode.ECB,padding: cryptoJs.pad.Pkcs7})let decData = cryptoJs.enc.Utf8.stringify(dec)re= decData}catch (e) {//console.log('解密失败');re= 'cryptoJs_error'}if(re==''){re= 'cryptoJs_error'}return re;}
}

// 使用this.$jiami(word)this.$jiemi(encWord)

普通html页面 js 引入

<!DOCTYPE html>
<html lang="zh"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title></title><script src="crypto-js.js"></script><script>// 要加密的文字var token ="123456"// 秘钥var key = "秘钥自己写一个"var enKey=CryptoJS.enc.Hex.parse(key)var encString = CryptoJS.AES.encrypt(token, enKey, {mode: CryptoJS.mode.ECB,padding: CryptoJS.pad.Pkcs7});// 加密后var word=encString.ciphertext.toString();console.log(word)var deKey = CryptoJS.enc.Hex.parse(key);var dec = CryptoJS.AES.decrypt(CryptoJS.format.Hex.parse(word), deKey, {mode: CryptoJS.mode.ECB,padding: CryptoJS.pad.Pkcs7})// 解密后var deToken=CryptoJS.enc.Utf8.stringify(dec);console.log(deToken)</script></head><body></body>
</html>

crypto-js.js 自己下载

cryptoJs 前端用法相关推荐

crypto-js前端解密工具
crypto-js是一款前端加密解密工具文件官方地址(需翻墙) https://code.google.com/archive/p/crypto-js/downloads 网盘点击下载 v3.1.2 ...
crypto-js 前端DES加密/解密、生成秘钥详解
DES概述 DES全称为Data Encryption Standard,即数据加密标准,是一种使用密钥加密的块算法,1977年被美国联邦政府的国家标准局确定为联邦资料处理标准(FIPS),并授权在非 ...
【前端用法】jQuery在线引用地址(全)
BootCDN jQuery 是一个高效.精简并且功能丰富的 JavaScript 工具库.它提供的 API 易于使用且兼容众多浏览器,这让诸如 HTML 文档遍历和操作.事件处理.动画和 Ajax ...
【前端用法】html5实现地理位置定位（JS获取当前地理位置的方法）
本文目录一.背景描述二.实现方案方案一方案二一.背景描述目前在做公司的一个网站,有个需求是:当别人进入网站时自动定位他的地理位置,包括市区,方便给他推荐当前城市的特色信息. 其实,这也是一 ...
【前端用法】$.ajax()方法详解，以及$.ajax()标准写法
使用JQuery中的异步请求$.ajax()方法,经常记不全参数,所以在这里记录一下,方便后续使用. 首先看一个标准的写法: $(document).ready(function () {$.ajax ...
前端des加密，后端des解密
使用 crypto-js.min.js 的des加密方式加密数据下载地址 https://cdnjs.com/libraries/crypto-js 前端加密方式 // 加密方法 function ...
钉钉JSAPI前端鉴权
钉钉二次开发分为如下表所示三种类型的开发,只有企业内部应用才需要对JSAPI鉴权. 类型开发方式 JSAPI鉴权应用场景第三方企业应用 E应用开发不需要用于发布到钉钉应用市场,供广大用户下载 ...
前端开发常用技术工具网址导航汇总
这个是之前github看到过的一篇前端开发网址总结,涵盖前端开发所有常用的相关技术和插件工具汇总, 以后找前端相关学习资料不用到处找,收藏这一个就可以了,觉得很不错现在分享给大家. 1.1 HTML/ ...
为什么大家都在吹捧Python？
随着AI时代和大数据的到来,Python语言更是大放异彩,至今没有哪一种语言可以在爬虫.数据分析.AI.web开发.运维.测试等众多领域中应用,其也逐渐成为一种小白接触编程世界的一条捷径,在PYPL编 ...
Node基础篇（一）
Node内置对象 1.全局对象(无论是在Node程序中哪个地方,哪个时间都能够访问,主要有一下几个对象) process process.env,可以通过process.env.xxx来获取系统中的环 ...

cryptoJs 前端用法

cryptoJs 前端用法相关推荐

最新文章

热门文章