base64加密解密过程
Base64会使用一串固定编码: ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/
- 加密过程
想要使用Base64加密，原文长度必须是3的倍数。如果原文不是3的倍数就填充其他符号来凑足成3的倍数;
- 1，将明文对照以ACSSI码表转换成一个8位二进制数；
- 2，将转换后的数据每次取出六位依次取出转换成十进制；
- 3，将转换出来的十进制数对照Base64对应表转换成字符；（Base64对应表可搜索）
- 解密过程：
- 1，将密文按照对照表获得十进制数；
- 2，将十进制转换成二进制取低六位整合在一起；
- 3，将转换出来的二进制数依次取8位进行解密；
base64加密解密实现
主要是对字符串的处理，所以对字符串相关的方法和属性一定要熟练；
javascript原生方法
-
方法：
atob()：解码一个Base64字符串;btoa()：从一个字符串或者二进制数据编码一个Base64字符串;
-
使用
- 默认转换ASCII字母和数字，不支持中文；
let encodeRes = btoa("hello") let decodeRes = atob(encodeRes)- 转换中文的方法
//中文转URL再转为Base64 let encodeRes = btoa(encodeURIComponent("你好")) //解码先解为URL，再转成中文 let decodeRes = decodeURIComponent(atob(encodeRes))
手写封装
- 封装:我们假设在项目中要使用这个功能，自己封装函数并导出；
//在封装公共方法的文件夹下新建base.js文件
//我习惯写类(函数也可以)
export class Base64{
constructor() {
//固定编码
this.keyStr = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=";
}
//加密
encode(str) {
//先将字符串UTF-8编码
str = this._utf8_encode(str)
let res = ""
let i = 0
let char1, char2, char3, enc1, enc2, enc3, enc4;
while (i < str.length) {
char1 = str.charCodeAt(i++);
char2 = str.charCodeAt(i++);
char3 = str.charCodeAt(i++);
enc1 = char1 >> 2;
enc2 = ((char1 & 3) << 4) | (char2 >> 4);
enc3 = ((char2 & 15) << 2) | (char3 >> 6);
enc4 = char3 & 63;
if (isNaN(char2)) {
enc3 = enc4 = 64;
} else if (isNaN(char3)) {
enc4 = 64;
}
res = res +
this.keyStr.charAt(enc1) + this.keyStr.charAt(enc2) +
this.keyStr.charAt(enc3) + this.keyStr.charAt(enc4);
}
return res;
}
//解密
decode(str) {
str = str.replace(/[^A-Za-z0-9\+\/\=]/g, "");
let res = ""
let i = 0
let char1, char2, char3, enc1, enc2, enc3, enc4;
while (i < str.length) {
enc1 = this.keyStr.indexOf(str.charAt(i++));
enc2 = this.keyStr.indexOf(str.charAt(i++));
enc3 = this.keyStr.indexOf(str.charAt(i++));
enc4 = this.keyStr.indexOf(str.charAt(i++));
char1 = (enc1 << 2) | (enc2 >> 4);
char2 = ((enc2 & 15) << 4) | (enc3 >> 2);
char3 = ((enc3 & 3) << 6) | enc4;
res = res + String.fromCharCode(char1);
if (enc3 != 64) {
res = res + String.fromCharCode(char2);
}
if (enc4 != 64) {
res = res + String.fromCharCode(char3);
}
}
//最后将字符串UTF-8解码
res = this._utf8_decode(res)
return res;
}
//UTF-8编码
_utf8_encode(str) {
//回车换行符替换为换行符
str = str.replace(/\r\n/g, "\n")
//加密后的返回结果是一个字符串
let res = ""
for (let i = 0; i < str.length; i++){
//字符串方法 charCodeAt() 用于检索字符串中特定位置的字符的Unicode值,返回一个UTF-16值（一个介于 0-65535之间的16位整数;
//字符串方法fromCharCode() 用于从给定的Unicode获取字符;
//位运算
// >> :(左移)各二进位全部左移若干位，高位丢弃，低位补0;
// & :(与)两个位都为1时，结果才为1;
// | :(或)两个位都为0时，结果才为0;
let char = string.charCodeAt(i);
switch (char) {
case char < 128:
res += String.fromCharCode(char)
break;
case ((char > 127) && (char <2048)) :
res += String.fromCharCode((char >> 6) | 192)
res += String.fromCharCode((char & 63) | 128)
break;
default:
res += String.fromCharCode((char >> 12) | 224)
res += String.fromCharCode(((char >> 6) & 63) | 128)
res += String.fromCharCode((char & 63) | 128)
break;
}
}
return res
}
//UTF-8解码
_utf8_decode(str) {
//解密后的返回结果是一个字符串
let res = ""
let i = 0;
let char = 0;
let char1 = 0;
let char2 = 0;
while (i < str.length) {
char = str.charCodeAt(i);
switch (char) {
case char < 128:
res += String.fromCharCode(char);
i++;
break;
case ((char > 191) && (char < 224)):
char1 = str.charCodeAt(i + 1);
res += String.fromCharCode(((char & 31) << 6) | (char1 & 63));
i += 2;
break;
default:
char1 = str.charCodeAt(i + 1);
char2 = str.charCodeAt(i + 2);
res += String.fromCharCode(((char & 15) << 12) | ((char1 & 63) << 6) | (char2 & 63));
i += 3;
break;
}
}
return res
}
}
- 使用：
//在使用的地方引入
import { Base64 } from '../../utils/base.js'
//使用
let str = '是你好不是hello'
let base64 = new Base64()
let encodeRes = base64.encode(str);
let decodeRes = base64.decode(encodeRes);