js-base64库学习

Posted 2022-02-01 胖鹅68

文章参考

1. js-base64 npm

问题描述

工作中，java 开发同事需要将返回的 JSON 对象返回给 “第三方控件”，然后通过第三方控件 返回给web 浏览器，结果出现了乱码，经过定位反复调试，都没有解决该问题，由于“第三方控件”对于开发来说是黑盒，于是最终的解决办法是 java将返回的JSON对象转为Base64字符串，web浏览器拿到Base64字符串之后，再反解析为标准的JSON 对象。

js-base64 库实现base64转换

安装引用依赖库

npm install --save js-base64

<script src="https://cdn.jsdelivr.net/npm/js-base64@3.7.2/base64.min.js"></script>

使用库

import  Base64  from 'js-base64';
import  encode, decode  from 'js-base64';

<script type="module">
// note jsdelivr.net does not automatically minify .mjs
import  Base64  from 'https://cdn.jsdelivr.net/npm/js-base64@3.7.2/base64.mjs';
</script>

<script type="module">
// or if you prefer no Base64 namespace
import  encode, decode  from 'https://cdn.jsdelivr.net/npm/js-base64@3.7.2/base64.mjs';
</script>

使用demo

base64 针对解析JSON 对象

const tempObj = 
  name: 'huangbiao',
  age: 33,
  address: '长沙'

const tempObjStr = `
  name: 'huangbiao',
  age: 33,
  address: '长沙'
`
const base64Str = encode(tempObj)
console.log(base64Str) // W29iamVjdCBPYmplY3Rd
const objStr = decode(base64Str)
console.log(objStr) // [object Object]

base64 解析JSON对象字符串

const tempObjStr = `
  name: 'huangbiao',
  age: 33,
  address: '长沙'
`
const base64Str = encode(tempObjStr)
console.log(base64Str) // ewogIG5hbWU6ICdodWFuZ2JpYW8nLAogIGFnZTogMzMsCiAgYWRkcmVzczogJ+mVv+aymScKfQ==
const objStr = decode(base64Str)
console.log(objStr)
// 
//   name: 'huangbiao',
//   age: 33,
//   address: '长沙'
// 

结论

1. base64 只能用来解析 字符串，无法解析JSON对象
2. 如果要解析JSON对象，可以将JSON对象序列化转为JSON对象字符串