Base64 est un binaire en texte système de codage qui convertit les données binaires en un base-64 représentation puis l'encode sous forme de Chaîne ASCII . Il est fréquemment utilisé pour stocker des données dans des fichiers et envoyer des données sur Internet. Grâce aux fonctions et modules JavaScript natifs, les données Base64 peuvent être facilement codées et décodées.
Dans cet article, nous verrons comment décoder les données Base64 en JavaScript, en abordant les sujets suivants :
- Qu’est-ce que Base64 ?
- Comment décoder les données Base64 en JavaScript à l'aide des fonctions intégrées
- Comment décoder les données Base64 en JavaScript à l'aide d'une bibliothèque tierce
- Meilleures pratiques pour utiliser Base64 en JavaScript
1. Qu'est-ce que Base64 ?
UN binaire en texte système de codage appelé Base64 affiche les données binaires comme Chaînes ASCII . Ceci est accompli en convertissant les données binaires en une représentation connue sous le nom de base-64 , qui emploie un ensemble de 64 caractères pour représenter les données binaires. Le 26 majuscules et minuscule lettres du alphabet anglais , le 10 chiffres , et deux caractères supplémentaires qui diffèrent selon l'implémentation figurent parmi ces caractères. Le bloc de données final est complété par des zéros s'il fait moins de 6 bits, ce qui en fait un 6 bits complet.
Le codage Base64 utilise 6 bits par caractère pour représenter les données binaires d'origine. Les données sont divisées en Morceaux de 6 bits et codé en Base64, et chaque morceau est représenté par un caractère du jeu de caractères Base64. Si le dernier bloc de données fait moins de 6 bits, il est complété par des zéros pour en faire un 6 bits complet.
Base64 est couramment utilisé pour la transmission de données sur Internet et le stockage de données dans des fichiers. Par exemple, il est utilisé dans les pièces jointes aux e-mails, les images HTML et les jetons Web JSON (JWT).
2. Comment décoder les données Base64 en JavaScript à l'aide des fonctions intégrées
En JavaScript, vous pouvez facilement décoder les données Base64 à l'aide de fonctions intégrées, telles que a à B() . Le Fonction atob() prend une chaîne codée en Base64 comme entrée et renvoie les données binaires décodées sous forme de chaîne.
Voici un exemple d'utilisation a à B() pour décoder les données Base64 :
types de données de suite
const base64String = 'SGVsbG8gV29ybGQh'; // Base64-encoded string constdecodedString = atob(base64String); // Decoded string console.log(decodedString); // Output: 'Hello World!'
Dans cet exemple, nous commençons par un Codé en base64 chaîne SGVsbG8gV29ybGQh , qui représente la chaîne 'Bonjour le monde!' . Nous transmettons cette chaîne au Fonction atob() , qui renvoie les données binaires décodées sous forme de chaîne. Après cela, nous enregistrons la chaîne décodée sur la console.
Notez que le Fonction atob() ne fonctionne qu'avec Chaînes ASCII . Si les données codées en Base64 contiennent des caractères non ASCII, vous devrez peut-être utiliser une bibliothèque tierce.
3. Comment décoder les données Base64 en JavaScript à l'aide d'une bibliothèque tierce
Il existe de nombreuses bibliothèques tierces disponibles pour décoder les données Base64 en JavaScript. Une bibliothèque populaire est js-base64 , qui fournit une API Base64 complète avec prise en charge d'Unicode et d'autres encodages.
Utiliser js-base64 , vous devez d'abord l'installer à l'aide d'un gestionnaire de packages, tel que npm :
npm install js-base64
Une fois installée, vous pouvez utiliser la bibliothèque pour décoder les données Base64 comme suit :
const base64 = require('js-base64'); const base64String = 'SGVsbG8gV29ybGQh'; // Base64-encoded string constdecodedString = base64.decode(base64String); // Decoded string console.log(decodedString); // Output: 'Hello World!'
Dans cet exemple, nous importons d'abord le js-base64 bibliothèque utilisant exiger() fonction.
4. Bonnes pratiques pour utiliser Base64 en JavaScript :
Il existe plusieurs pratiques pour utiliser Base64 en JavaScript, notamment :
1. Utilisez Base64 pour encoder les données binaires
Base64 est conçu pour coder des données binaires, telles que des images, de l'audio et de la vidéo. Il n'est pas destiné à encoder des données textuelles, telles que JSON ou HTML .
2. Utilisez des bibliothèques tierces pour les fonctionnalités avancées
Si vous devez travailler avec Unicode ou d'autres codages de caractères, ou si vous devez gérer de grandes quantités de données, vous souhaiterez peut-être utiliser un bibliothèque tierce . Certaines bibliothèques Base64 populaires pour JavaScript incluent js-base64 et base64-js .
3. Soyez conscient des risques de sécurité
L’encodage Base64 n’offre aucune sécurité en soi. Par conséquent, vous devez éviter de coder des données sensibles à l’aide de Base64 et devez toujours utiliser le cryptage et d’autres mesures de sécurité pour protéger vos données.
4. Testez minutieusement
Lorsque vous travaillez avec des données Base64, il est important de tester minutieusement votre code pour vous assurer qu'il fonctionne correctement. Vous devriez tester pour cas extrêmes , tels que des ensembles de données volumineux, des caractères non-ASCII et des entrées inattendues, pour garantir la robustesse et la fiabilité de votre code.