Base64 egy bináris-szöveg kódoló rendszer, amely a bináris adatokat a radix-64 reprezentációt, majd anként kódolja ASCII karakterlánc . Gyakran használják adatok fájlokban való tárolására és adatok interneten keresztüli küldésére. A natív JavaScript függvényekkel és modulokkal a Base64 adatok könnyen kódolhatók és dekódolhatók.
Ebben a cikkben megvitatjuk, hogyan lehet a Base64 adatokat dekódolni JavaScriptben, a következő témákkal:
- Mi az a Base64?
- A Base64 adatok dekódolása JavaScriptben a beépített függvények segítségével
- A Base64 adatok dekódolása JavaScriptben harmadik féltől származó könyvtár használatával
- Bevált módszerek a Base64 használatához JavaScriptben
1. Mi az a Base64?
A bináris-szöveg nevű kódolórendszer Base64 bináris adatokat jeleníti meg, mint ASCII karakterláncok . Ezt úgy érik el, hogy a bináris adatokat olyan reprezentációvá alakítják, amely az úgynevezett radix-64 , amely egy halmazt alkalmaz 64 karakter a bináris adatok ábrázolására. A 26 nagybetűs és kisbetűvel levelei a angol ábécé , a 10 számjegy , és két további karakter található ezek között a karakterek között, amelyek a megvalósítástól függően eltérőek. Az utolsó adatblokk nullákkal van kitöltve, ha kevesebb, mint 6 bit, így ez egy teljes 6 bites.
A Base64 kódolás karakterenként 6 bitet használ az eredeti bináris adatok megjelenítésére. Az adatok fel vannak osztva 6 bites darabok és Base64 kódolású, és minden darabot a Base64 karakterkészlet egy-egy karaktere képvisel. Ha az utolsó adatrész kevesebb, mint 6 bit, akkor nullákkal töltik fel, hogy teljes 6 bites legyen.
A Base64-et általában az interneten keresztüli adatátvitelre és az adatok fájlokban való tárolására használják. Például e-mail mellékletekben, HTML-képekben és JSON-webtokenekben (JWT-k) használják.
2. Hogyan lehet a Base64 adatokat dekódolni JavaScriptben a beépített függvények segítségével
A JavaScriptben egyszerűen dekódolhatja a Base64 adatokat a beépített függvények segítségével, mint pl atob() . A atob() függvény egy Base64 kódolású karakterláncot vesz be bemenetként, és a dekódolt bináris adatokat karakterláncként adja vissza.
Itt van egy példa a használatára atob() a Base64 adatok dekódolásához:
linux hogyan kell átnevezni egy könyvtárat
const base64String = 'SGVsbG8gV29ybGQh'; // Base64-encoded string constdecodedString = atob(base64String); // Decoded string console.log(decodedString); // Output: 'Hello World!'
Ebben a példában a-val kezdjük Base64 kódolású húr SGVsbG8gV29ybGQh , amely a karakterláncot jelöli 'Helló Világ!' . Ezt a karakterláncot átadjuk a atob() függvény , amely a dekódolt bináris adatokat karakterláncként adja vissza. Ezt követően naplózzuk a dekódolt karakterláncot a konzolra.
Vegye figyelembe, hogy a atob() függvény csak azzal működik ASCII karakterláncok . Ha a Base64 kódolású adatok nem ASCII-karaktereket tartalmaznak, előfordulhat, hogy harmadik féltől származó könyvtárat kell használnia.
3. A Base64 adatok dekódolása JavaScriptben harmadik féltől származó könyvtár használatával
Számos harmadik féltől származó könyvtár áll rendelkezésre a Base64 adatok JavaScriptben történő dekódolására. Az egyik népszerű könyvtár az js-base64 , amely átfogó Base64 API-t biztosít Unicode és más kódolások támogatásával.
Használni js-base64 , először telepítenie kell egy csomagkezelő segítségével, mint pl npm :
npm install js-base64
A telepítés után használhatja a könyvtárat a Base64 adatok dekódolására az alábbiak szerint:
const base64 = require('js-base64'); const base64String = 'SGVsbG8gV29ybGQh'; // Base64-encoded string constdecodedString = base64.decode(base64String); // Decoded string console.log(decodedString); // Output: 'Hello World!'
Ebben a példában először importáljuk a js-base64 könyvtár használatával igényel() funkció.
4. A Base64 JavaScriptben való használatának bevált módszerei:
Számos gyakorlat létezik a Base64 használatára JavaScriptben, többek között:
1. Használja a Base64-et a bináris adatok kódolásához
Base64 bináris adatok, például képek, hang és videó kódolására szolgál. Nem szöveges adatok kódolására szolgál, mint pl JSON vagy HTML .
2. Használjon harmadik féltől származó könyvtárakat a speciális funkciókhoz
Ha kell dolgozni Unicode vagy más karakterkódolást, vagy ha nagy mennyiségű adatot kell kezelnie, akkor érdemes a harmadik féltől származó könyvtár . Néhány népszerű Base64-könyvtár a JavaScript számára js-base64 és base64-js .
3. Legyen tisztában a biztonsági kockázatokkal
A Base64 kódolás önmagában nem nyújt biztonságot. Ezért kerülje az érzékeny adatok Base64 használatával történő kódolását, és mindig használjon titkosítást és egyéb biztonsági intézkedéseket az adatok védelme érdekében.
4. Tesztelje alaposan
A Base64 adatokkal való munka során fontos alaposan tesztelni a kódot, hogy megbizonyosodjon arról, hogy megfelelően működik. Tesztelned kellene éles esetek , mint például a nagy adatkészletek, a nem ASCII karakterek és a váratlan bevitel, hogy biztosítsa a kód robusztusságát és megbízhatóságát.