js base64加密|极客笔记

js base64加密

js base64加密介绍

Base64是一种用于将二进制数据转化为ASCII字符串的编码方式。在编程中，常常会需要对数据进行加密和解密操作，而Base64编码则是其中一种常用的加密方式。本文将详细介绍JavaScript中的Base64加密的相关知识和使用方法。

什么是Base64

Base64是一种将二进制数据表示为ASCII字符的编码方法，可用于在不支持二进制数据的通信和存储媒介中传输和保存二进制数据。Base64编码的基本原理如下：

将需要进行加密的内容划分为3个字节一组（24位）；
将每组的3个字节分为4组，每组6个位；
将每组6个位转化为一个对应的Base64字符；
对于不足3个字节的组，根据具体情况进行填充。

因为Base64编码将二进制数据转化为ASCII字符，所以加密后的数据会比原始的二进制数据要长。具体来说，加密后的数据长度为原始数据长度的4/3，加密后的数据长度必须是4的倍数。

JavaScript中的Base64编码

在JavaScript中，我们可以使用一些内置的方法和库来实现Base64的编码和解码。下面将介绍两种常用的方式。

方法一：使用btoa()和atob()

JavaScript提供了两个内置方法btoa()和atob()来进行Base64的编码和解码。btoa()方法将字符串编码为Base64，atob()方法将Base64字符串解码为普通字符串。

// Base64编码
let plainText = 'Hello, World!';
let encodedText = btoa(plainText);
console.log(encodedText);

// Base64解码
let decodedText = atob(encodedText);
console.log(decodedText);

运行结果：

js base64加密

方法二：使用Base64.js库

除了使用内置方法，我们还可以使用Base64.js库来实现Base64的编码和解码。Base64.js是一个开源的JavaScript库，提供了一系列方法来进行Base64的处理。

首先，我们需要引入Base64.js库。可以通过下载库并引入，也可以使用CDN链接：

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

然后，我们就可以使用Base64.js库提供的方法进行编码和解码了。

// Base64编码
let plainText = 'Hello, World!';
let encodedText = Base64.encode(plainText);
console.log(encodedText);

// Base64解码
let decodedText = Base64.decode(encodedText);
console.log(decodedText);

运行结果与方法一相同。

自定义js Base64编码算法

前面介绍的方法使用的都是标准的Base64编码算法，但有时候我们可能需要使用自定义的加密算法。下面我们将自定义一个Base64编码的函数。

function customBase64Encode(data) {
  const base64Chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/';
  let result = '';
  let padding = '';

  const length = data.length;
  const modulus = length % 3;

  // 根据数据的长度计算填充字符的数量
  if (modulus === 1) {
    padding = '==';
  } else if (modulus === 2) {
    padding = '=';
  }

  // 将每3个字节转化为4个Base64字符
  for (let i = 0; i < length - modulus; i += 3) {
    const a = data[i];
    const b = data[i + 1];
    const c = data[i + 2];

    const index1 = a >> 2;
    const index2 = ((a & 3) << 4) | (b >> 4);
    const index3 = ((b & 15) << 2) | (c >> 6);
    const index4 = c & 63;

    result += base64Chars[index1] + base64Chars[index2] + base64Chars[index3] + base64Chars[index4];
  }

  result += padding;
  return result;
}

我们来测试一下自定义的Base64编码算法：

let plainText = 'Hello, World!';
let data = new Uint8Array(plainText.length);

for (let i = 0; i < plainText.length; i++) {
  data[i] = plainText.charCodeAt(i);
}

let encodedText = customBase64Encode(data);
console.log(encodedText);

运行结果：

js base64加密

js base64加密总结

本文详细介绍了JavaScript中的Base64编码的原理和常用方法。我们可以使用内置方法btoa()和atob()，也可以使用Base64.js库来实现Base64的编码和解码。同时，我们还自定义了一个Base64编码算法，并进行了测试验证。通过学习和了解Base64编码，我们可以更好地进行数据的加密和解密操作。