base64加密解密

base64加密解密

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(encodeURI***ponent("你好"))
    //解码先解为URL,再转成中文
    let decodeRes = decodeURI***ponent(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);

转载请说明出处内容投诉
CSS教程_站长资源网 » base64加密解密

发表评论

欢迎 访客 发表评论

一个令你着迷的主题!

查看演示 官网购买