前后端交互 gzip加密-->前端解析

今天跟后台对接一个接口,接受到一个加密的值,说是通过gzip加密,前端解码展示

下载poko.js

poko.js可至Github下载 https://github.com/nodeca/pako 

or

npm install pako

import pako from 'pako'

// 一个是加密:window.btoa(),一个是解密:window.atob()

function decode(encodedData) {

 // 先 base64编码

 // 加密:window.btoa(),解密:window.atob()

 let decodedData = window.atob(encodedData);

 // 字符串转数组 在循环返回一个 Unicode表所在位置的新数组

 let charData = decodedData.split("").map(x => x.charCodeAt(0));

 // Uint8Array 数组类型表示一个8位无符号整型数组,创建时内容被初始化为0。创建完后,可以以对象的方式或使用数组下标索引的方式引用数组中的元素。

 let binData = newUint8Array(charData);

 // 调用pako 解析

 let data = pako.inflate(binData);

 //接受 Unicode 值,然后返回字符串。

 decodedData = String.fromCharCode.apply(null, new Uint16Array(data));

 return   decodeURIComponent(escape(decodedData))

 /**

 * 演示:H4sIAAAAAAAAAFWPXQ6AIAyDL2QMavfD/S+m3bIhL1862hVQO8ehAf9gg7g4PmUABM8gDRoyegxX iUljjdhUboRivUipbPEKy0Lk4jbUvYiNrkpIG2ilrXx3vR/pWy5+nrgJlhojzjUjdP5zL5Sz+lo/ AQAA

 *

 */

}

注:decodeURIComponent(decodedData)  解析还是会有乱码 经查找资料更改为 decodeURIComponent(escape(decodedData))

functionutf8_to_b64(str){

returnwindow.btoa(unescape(encodeURIComponent(str)));

}

functionb64_to_utf8(str){

returndecodeURIComponent(escape(window.atob(str)));

}

资料借鉴:https://blog.csdn.net/abxn2002/article/details/50887594

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • letzlib=require("pako"); //引入 //压缩方法 用来将大数据压缩后在传给后端 Vue.p...
    但行好事code阅读 5,457评论 0 2
  • 第2章 基本语法 2.1 概述 基本句法和变量 语句 JavaScript程序的执行单位为行(line),也就是一...
    悟名先生阅读 9,698评论 0 13
  • 只有 0-9[a-Z] $ - _ . + ! * ' ( ) , 以及某些保留字,才能不经过编码直接用于 URL...
    D_R_M阅读 5,639评论 0 0
  • CSS CSS3 布局属性 标签的权值为1,类选择符的权值为10,ID选择符的权值最高为100 !importan...
    53cfdb355418阅读 3,269评论 0 0
  • 数据加密一般是为了前后端在数据交互过程中数据的安全。常见的做法有前端加密之后传输数据和启用HTTPS协议。现在主要...
    yun_blog阅读 5,201评论 0 0