Base64 ist ein Binär-zu-Text Kodierungssystem, das Binärdaten in eine umwandelt Basis-64 Darstellung und kodiert sie dann als ASCII-Zeichenfolge . Es wird häufig zum Speichern von Daten in Dateien und zum Senden von Daten über das Internet verwendet. Mit nativen JavaScript-Funktionen und -Modulen können Base64-Daten problemlos kodiert und dekodiert werden.
In diesem Artikel besprechen wir die Dekodierung von Base64-Daten in JavaScript und behandeln dabei die folgenden Themen:
- Was ist Base64?
- So dekodieren Sie Base64-Daten in JavaScript mithilfe integrierter Funktionen
- So dekodieren Sie Base64-Daten in JavaScript mithilfe einer Drittanbieterbibliothek
- Best Practices für die Verwendung von Base64 in JavaScript
1. Was ist Base64?
A Binär-zu-Text Codierungssystem genannt Base64 Zeigt Binärdaten als an ASCII-Strings . Dies wird erreicht, indem die Binärdaten in eine Darstellung umgewandelt werden, die als bekannt ist Basis-64 , das eine Reihe von verwendet 64 Zeichen um die Binärdaten darzustellen. Der 26 Großbuchstaben Und Kleinbuchstaben Briefe der englisches Alphabet , Die 10 Ziffern , und zwei zusätzliche Zeichen, die je nach Implementierung unterschiedlich sind, gehören zu diesen Zeichen. Der letzte Datenblock wird mit Nullen aufgefüllt, wenn er weniger als 6 Bit lang ist, sodass er volle 6 Bit hat.
Die Base64-Codierung verwendet 6 Bit pro Zeichen, um die ursprünglichen Binärdaten darzustellen. Daten sind unterteilt in 6-Bit-Blöcke und in Base64 codiert, und jeder Block wird durch ein Zeichen aus dem Base64-Zeichensatz dargestellt. Wenn der letzte Datenblock weniger als 6 Bit umfasst, wird er mit Nullen aufgefüllt, um volle 6 Bit zu erhalten.
Base64 wird häufig zur Datenübertragung über das Internet und zum Speichern von Daten in Dateien verwendet. Es wird beispielsweise in E-Mail-Anhängen, HTML-Bildern und JSON Web Tokens (JWTs) verwendet.
2. So dekodieren Sie Base64-Daten in JavaScript mithilfe integrierter Funktionen
In JavaScript können Sie Base64-Daten einfach mithilfe integrierter Funktionen dekodieren, z A nach B() . Der atob()-Funktion Nimmt einen Base64-kodierten String als Eingabe und gibt die dekodierten Binärdaten als String zurück.
Hier ist ein Beispiel für die Verwendung A nach B() So dekodieren Sie Base64-Daten:
Java-Aufzählungen
const base64String = 'SGVsbG8gV29ybGQh'; // Base64-encoded string constdecodedString = atob(base64String); // Decoded string console.log(decodedString); // Output: 'Hello World!'
In diesem Beispiel beginnen wir mit a Base64-kodiert Zeichenfolge SGVsbG8gV29ybGQh , was die Zeichenfolge darstellt 'Hallo Welt!' . Wir übergeben diese Zeichenfolge an die atob()-Funktion , das die dekodierten Binärdaten als Zeichenfolge zurückgibt. Danach protokollieren wir die dekodierte Zeichenfolge in der Konsole.
Notiere dass der atob()-Funktion Funktioniert nur mit ASCII-Strings . Wenn die Base64-codierten Daten Nicht-ASCII-Zeichen enthalten, müssen Sie möglicherweise eine Bibliothek eines Drittanbieters verwenden.
3. So dekodieren Sie Base64-Daten in JavaScript mithilfe einer Drittanbieterbibliothek
Für die Dekodierung von Base64-Daten in JavaScript stehen zahlreiche Bibliotheken von Drittanbietern zur Verfügung. Eine beliebte Bibliothek ist js-base64 , das eine umfassende Base64-API mit Unterstützung für Unicode und andere Kodierungen bereitstellt.
Benutzen js-base64 , müssen Sie es zunächst mit einem Paketmanager installieren, z npm :
npm install js-base64
Nach der Installation können Sie die Bibliothek wie folgt zum Dekodieren von Base64-Daten verwenden:
const base64 = require('js-base64'); const base64String = 'SGVsbG8gV29ybGQh'; // Base64-encoded string constdecodedString = base64.decode(base64String); // Decoded string console.log(decodedString); // Output: 'Hello World!'
In diesem Beispiel importieren wir zunächst die js-base64 Bibliothek verwenden erfordern() Funktion.
4. Best Practices für die Verwendung von Base64 in JavaScript:
Es gibt verschiedene Vorgehensweisen für die Verwendung von Base64 in JavaScript, darunter:
1. Verwenden Sie Base64 zum Kodieren von Binärdaten
Base64 ist für die Kodierung binärer Daten wie Bilder, Audio und Video konzipiert. Es ist nicht für die Kodierung von Textdaten gedacht, z JSON oder HTML .
2. Verwenden Sie Bibliotheken von Drittanbietern für erweiterte Funktionen
Wenn Sie mit arbeiten müssen Unicode oder andere Zeichenkodierungen, oder wenn Sie große Datenmengen verarbeiten müssen, möchten Sie möglicherweise a verwenden Bibliothek eines Drittanbieters . Zu den beliebten Base64-Bibliotheken für JavaScript gehören: js-base64 Und base64-js .
3. Seien Sie sich der Sicherheitsrisiken bewusst
Die Base64-Kodierung allein bietet keine Sicherheit. Daher sollten Sie die Verschlüsselung sensibler Daten mit Base64 vermeiden und stets Verschlüsselung und andere Sicherheitsmaßnahmen zum Schutz Ihrer Daten nutzen.
4. Testen Sie gründlich
Bei der Arbeit mit Base64-Daten ist es wichtig, Ihren Code gründlich zu testen, um sicherzustellen, dass er ordnungsgemäß funktioniert. Sie sollten testen Randfälle B. große Datensätze, Nicht-ASCII-Zeichen und unerwartete Eingaben, um sicherzustellen, dass Ihr Code robust und zuverlässig ist.