JS Base64加密|极客笔记

JS Base64加密

在前端开发中，经常会遇到需要对数据进行加密的情况，其中一种常用的加密方式是Base64加密。Base64是一种基于64个字符的编码方式，常用于在文本通信中传输较长的二进制数据。在本文中，将详细介绍如何在JavaScript中实现Base64加密。

什么是Base64加密

Base64是一种编码方式，将二进制数据转换成一种可打印字符的编码方式，以便于在文本中传输，例如在URL、JSON等文本格式中传输二进制数据。

Base64编码使用64个字符来表示所有可能的数据，包括大小写字母、数字和一些特殊字符。编码过程将原始数据按照6位一组进行分组，并将每个6位数据转换成对应的Base64字符。

Base64编码表如下：

A-Z: 0-25
a-z: 26-51
0-9: 52-61
+: 62
/: 63

如何在JavaScript中实现Base64加密

在JavaScript中，可以通过btoa和atob方法实现Base64编码和解码。

Base64编码

btoa方法可以将一个字符串转换成Base64编码的字符串。例如，下面的示例展示了如何将一个字符串进行Base64编码：

const str = 'Hello, World!';
const base64Str = btoa(str);
console.log(base64Str); // "SGVsbG8sIFdvcmxkIQ=="

Base64解码

atob方法可以将Base64编码的字符串解码为原始字符串。例如，下面的示例展示了如何将一个Base64编码的字符串解码：

const base64Str = 'SGVsbG8sIFdvcmxkIQ==';
const str = atob(base64Str);
console.log(str); // "Hello, World!"

实现一个Base64加密函数

除了使用btoa和atob方法之外，我们也可以自己实现一个Base64加密函数，来更灵活的操作Base64加密。

下面是一个简单的Base64加密函数实现：

function base64Encode(str) {
    const encodeTable = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/';
    let result = '';
    for (let i = 0; i < str.length; i += 3) {
        const chunk = str.slice(i, i + 3);
        const binaryStr = chunk.split('').map(char => char.charCodeAt(0).toString(2).padStart(8, '0')).join('');
        while (binaryStr.length % 6 !== 0) {
            binaryStr += '0';
        }
        for (let j = 0; j < binaryStr.length; j += 6) {
            const index = parseInt(binaryStr.slice(j, j + 6), 2);
            result += encodeTable[index];
        }
    }
    const padding = str.length % 3 === 1 ? '==' : (str.length % 3 === 2 ? '=' : '');
    return result + padding;
}

const str = 'Hello, World!';
const base64Str = base64Encode(str);
console.log(base64Str); // "SGVsbG8sIFdvcmxkIQ=="

可以看到，以上代码中实现了一个base64Encode函数，用于对字符串进行Base64加密。我们首先将字符转换成ASCII码的二进制字符串，然后以6位为一组进行分组，并根据Base64编码表获取对应的字符，将其拼接成最终的Base64加密字符串。