Base64 é um binário para texto sistema de codificação que converte dados binários em um raiz-64 representação e então a codifica como um Sequência ASCII . É frequentemente usado para armazenar dados em arquivos e enviar dados pela Internet. Com funções e módulos JavaScript nativos, os dados Base64 podem ser facilmente codificados e decodificados.
Neste artigo, discutiremos como decodificar dados Base64 em JavaScript, abordando os seguintes tópicos:
- O que é Base64?
- Como decodificar dados Base64 em JavaScript usando funções integradas
- Como decodificar dados Base64 em JavaScript usando uma biblioteca de terceiros
- Melhores práticas para usar Base64 em JavaScript
1. O que é Base64?
A binário para texto sistema de codificação chamado Base64 exibe dados binários como Sequências ASCII . Isso é realizado convertendo os dados binários em uma representação conhecida como raiz-64 , que emprega um conjunto de 64 caracteres para representar os dados binários. O 26 maiúsculas e minúscula cartas do Alfabeto Ingles , o 10 números e dois caracteres extras que diferem dependendo da implementação estão entre esses caracteres. O bloco de dados final é preenchido com zeros se for menor que 6 bits, totalizando 6 bits.
A codificação Base64 usa 6 bits por caractere para representar os dados binários originais. Os dados são divididos em Pedaços de 6 bits e codificado em Base64, e cada pedaço é representado por um caractere do conjunto de caracteres Base64. Se o último pedaço de dados tiver menos de 6 bits, ele será preenchido com zeros para perfazê-lo com 6 bits completos.
Base64 é comumente usado para transmissão de dados pela Internet e armazenamento de dados em arquivos. Por exemplo, é usado em anexos de e-mail, imagens HTML e JSON Web Tokens (JWTs).
2. Como decodificar dados Base64 em JavaScript usando funções integradas
Em JavaScript, você pode decodificar facilmente dados Base64 usando funções integradas, como a para B() . O função atob() recebe uma string codificada em Base64 como entrada e retorna os dados binários decodificados como uma string.
Aqui está um exemplo de como usar a para B() para decodificar dados Base64:
algoritmo kmp
const base64String = 'SGVsbG8gV29ybGQh'; // Base64-encoded string constdecodedString = atob(base64String); // Decoded string console.log(decodedString); // Output: 'Hello World!'
Neste exemplo, começamos com um Codificado em Base64 corda SGVsbG8gV29ybGQh , que representa a string 'Olá Mundo!' . Passamos esta string para o função atob() , que retorna os dados binários decodificados como uma string. Depois disso, registramos a string decodificada no console.
Observe que o função atob() só funciona com Sequências ASCII . Se os dados codificados em Base64 contiverem caracteres não ASCII, talvez seja necessário usar uma biblioteca de terceiros.
3. Como decodificar dados Base64 em JavaScript usando uma biblioteca de terceiros
Existem muitas bibliotecas de terceiros disponíveis para decodificar dados Base64 em JavaScript. Uma biblioteca popular é js-base64 , que fornece uma API Base64 abrangente com suporte para Unicode e outras codificações.
Usar js-base64 , primeiro você precisa instalá-lo usando um gerenciador de pacotes, como npm :
npm install js-base64
Depois de instalada, você pode usar a biblioteca para decodificar dados Base64 da seguinte maneira:
const base64 = require('js-base64'); const base64String = 'SGVsbG8gV29ybGQh'; // Base64-encoded string constdecodedString = base64.decode(base64String); // Decoded string console.log(decodedString); // Output: 'Hello World!'
Neste exemplo, primeiro importamos o js-base64 biblioteca usando exigir() função.
4. Melhores práticas para usar Base64 em JavaScript:
Existem várias práticas para usar Base64 em JavaScript, incluindo:
1. Use Base64 para codificação de dados binários
Base64 foi projetado para codificar dados binários, como imagens, áudio e vídeo. Não se destina à codificação de dados de texto, como JSON ou HTML .
2. Use bibliotecas de terceiros para recursos avançados
Se você precisar trabalhar com Unicode ou outras codificações de caracteres, ou se precisar lidar com grandes quantidades de dados, você pode querer usar um biblioteca de terceiros . Algumas bibliotecas Base64 populares para JavaScript incluem js-base64 e base64-js .
3. Esteja ciente dos riscos de segurança
A codificação Base64 não oferece nenhuma segurança por si só. Portanto, você deve evitar a codificação de dados confidenciais usando Base64 e deve sempre usar criptografia e outras medidas de segurança para proteger seus dados.
4. Teste minuciosamente
Ao trabalhar com dados Base64, é importante testar seu código minuciosamente para garantir que esteja funcionando corretamente. Você deve testar casos extremos , como grandes conjuntos de dados, caracteres não ASCII e entradas inesperadas, para garantir que seu código seja robusto e confiável.