当前位置:首页 » 《关于电脑》 » 正文

前端开发之jsencrypt加密解密的使用方法和使用示例

22 人参与  2024年04月07日 10:55  分类 : 《关于电脑》  评论

点击全文阅读


前端开发之jsencrypt加密解密的使用方法和使用示例

前言效果图一、vue中简单案例1、安装组件2、创建加密解密的方法文件3、文件内容

前言

jsencrypt官方文档
公钥私钥生成网址
jsencrypt就是一个基于rsa加解密的js库,常用在向后台发送数据的时候

本文是通过node.js的window.btoa和window.atob配合jsencrypt进行加密

效果图

在这里插入图片描述

一、vue中简单案例

1、安装组件

npm install jsencrypt --dev 

2、创建加密解密的方法文件

在这里插入图片描述

3、文件内容

import JSEncrypt from 'jsencrypt'//去密钥生成网址去生成公钥和密钥 http://tools.jb51.net/password/rsa_encodeconst publicKey = '生成的公钥'const privateKey ='生成的密钥'/** * 最长加密长度 */const MAX_ENCRYPT_BLOCK = 117/** * 最长解码长度 */const MAX_DECRYPT_BLOCK = 128/** * @description RSA加密(支持长字符加密) */export async function encryptedData (data:any) {  //创建实例  const encrypt = new JSEncrypt()  // 设置公钥  encrypt.setPublicKey(    `-----BEGIN PUBLIC KEY-----${publicKey}-----END PUBLIC KEY-----`  )  let bufTmp = ''  let hexTmp:any = ''  let result = ''  const buffer = JSON.stringify(data)  let offSet = 0  const inputLen = buffer.length  while (inputLen - offSet > 0) {    if (inputLen - offSet > MAX_ENCRYPT_BLOCK) {      bufTmp = buffer.slice(offSet, offSet + MAX_ENCRYPT_BLOCK)    } else {      bufTmp = buffer.slice(offSet, inputLen)    }    //对数据进行加密    hexTmp = encrypt.encrypt(bufTmp.toString())    result += hexTmp    offSet += MAX_ENCRYPT_BLOCK  }  //js可以使用Buffer.from()  ts中使用Buffer.from(),运行后控制台会报错Buffer undefined所以使用替代方案node方法btoa再次加密  return btoa(result)}/** * @description RSA解密(支持长字符解密) * @param data * @returns {PromiseLike<ArrayBuffer>} */export function decryptedData (data) {  const decrypt = new JSEncrypt()  //设置私钥  decrypt.setPrivateKey(    `-----BEGIN RSA PRIVATE KEY-----${privateKey}-----END RSA PRIVATE KEY-----`  )  let bufTmp = ''  let hexTmp:any = ''  let result = ''  //通过使用atob解码数据  如果使用的Buffer.from()使用Buffer.from()解码数据  const buffer = atob(data)  let offSet = 0  const inputLen = buffer.length  while (inputLen - offSet > 0) {    if (inputLen - offSet > MAX_DECRYPT_BLOCK) {      bufTmp = buffer.slice(offSet, offSet + MAX_DECRYPT_BLOCK)    } else {      bufTmp = buffer.slice(offSet, inputLen)    }    //对数据解码    hexTmp = decrypt.decrypt(bufTmp)    result += hexTmp    offSet += MAX_DECRYPT_BLOCK  }  return JSON.parse(result)}

点击全文阅读


本文链接:http://m.zhangshiyu.com/post/91551.html

<< 上一篇 下一篇 >>

  • 评论(0)
  • 赞助本站

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

最新文章

  • 真千金的妈,女凭母贵的我内容精选(娇娇顾静怡江稚雅)
  • 男友车祸断腿时,我和新欢在车内拥吻高分言情_陈行简江若***新书_小说后续在线阅读_无删减免费完结_
  • 完结文重生高考填报志愿时,我放任全班上大专好文分享列表_完结文重生高考填报志愿时,我放任全班上大专好文分享(颜禾晚宋津年叶淼淼)
  • 陆寒澈沈秋晚小说完本+外篇(相逢难逃别离)畅享阅读
  • 雪上春霜删减内容修复版本(温观意陆一然)_雪上春霜删减内容修复版本(温观意陆一然)
  • 骤雨淋落晚星(林晚星裴临川)全书浏览_骤雨淋落晚星全书浏览
  • 全书浏览重生高考填报志愿时我放任全班上大专+后续(叶淼淼宋津年颜禾晚)_重生高考填报志愿时我放任全班上大专+后续(叶淼淼宋津年颜禾晚)全书结局
  • 他的甜撩藏不住附加黎初谢时晏:结局+番外免费品鉴(他的甜撩藏不住)全本浏览阅读连载中
  • 全文他死遁后逼疯清冷女权臣+完结+后续(苏煜顾宛柔)列表_全文他死遁后逼疯清冷女权臣+完结+后续
  • 暑假毕业旅游,班花将我们身份证交给黑导游(江诗晗)全书浏览_暑假毕业旅游,班花将我们身份证交给黑导游全书浏览
  • 重生到高考前,我放任竹马为爱私奔新上热文_裴文远柳雨文远完结版_小说后续在线阅读_无删减免费完结_
  • 雨织离歌浮生浅节选_沈翊鸣苏之雨小姐完整文本_小说后续在线阅读_无删减免费完结_

    关于我们 | 我要投稿 | 免责申明

    Copyright © 2020-2022 ZhangShiYu.com Rights Reserved.豫ICP备2022013469号-1