Langkah Cepat Encode dan Decode String dengan Base64 di Javascript

Encoding

Encoding merupakan langkah mengubah file, isi, data, atau informasi dari satu format ke format lain dengan menggunakan kode. Kode ini berbentuk simbol, tanda, atau huruf yang berfungsi untuk mewakili sesuatu. Tujuan utama dari Encoding yaitu untuk memastikan data dapat diakses atau diterima dengan aman, sehingga end-user dapat membacanya dan memanfaatkan informasi tersebut.

Decoding

Decoding adalah proses membuka akses ke konten, file, data, atau informasi yang sebelumnya telah melalui tahap Encode. Dalam Javascript, Anda dapat memanfaatkan Base64 untuk melakukan Encode dan Decode Strings.

Di dalam tutorial kali ini, kami akan membahas tentang proses Encode dan Decode tersebut. Untuk alat yang digunakan, kita akan memakai Developer Console yang terdapat di browser pilihan Anda, dan dalam hal ini kami menggunakan Chrome sebagai contoh.

Encoding & Decoding Strings dengan Base64

Terdapat 2 fungsi pada Javascript, yaitu btoa() dan atob(), kedua ini adalah Base64 helper functions sebagai part penting dalam spesifikasi HTML dan tersedia di seluruh browser modern.

btoa() mengambil string dan encode ke Base64.

Misalnya, kamu memiliki string “Hi!”, dan ingin di Encode ke Base64. Pada Developer Console, masukkan String dan Encode, sehingga akan seperti:

// String
var decodedStringBtoA = 'Hi!';

// Encode String
var encodedStringBtoA = btoa(decodedStringBtoA);

console.log(encodedStringBtoA);

// String
var encodedStringAtoB = 'SGkh';

// Decode String
var decodedStringAtoB = atob(encodedStringAtoB);

console.log(decodedStringAtoB);