HOTLINE

(0275) 2974 127

CHAT WA 24/7
0859-60000-390 (Sales)
0852-8969-9009 (Support)
Blog

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);

Kemudian akan keluar output:

SGkh

Sedangkan fungsi atob() akan mengambil string dan decode dari Base64.

Misalnya seperti tadi, hasil Encodingnya adalah “SGkh”, maka kamu bisa melakukan Decode dari Base64. Pada Developer Console, masukkan String dan Decode, sehingga akan seperti:

// String
var encodedStringAtoB = 'SGkh';

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

console.log(decodedStringAtoB);


Kemudian akan keluar output:

Hi!

Hasil Encode nya hanya beberapa huruf, karena huruf dari karakter asli juga hanya 3 huruf, untuk mendapatkan hasil Encoding dengan banyak huruf maka perlu banyak karakter yang di Encode.

Kesimpulan

Dengan memanfaatkan fitur Developer Console, Anda memiliki kemampuan untuk Encode dan Decode String dengan format Base64, serta mengembalikannya lagi ke bentuk semula. Itulah uraian singkat kali ini. Jika Anda ingin memperluas cakrawala pengetahuan, jangan ragu untuk menjelajahi blog Hosteko. Kami menyuguhkan beragam artikel yang dirancang khusus untuk memperkaya pemahaman Anda.

5/5 - (1 vote)
Fitri Ana

Recent Posts

Browser Anti Blokir Gratis Terbaik untuk Akses Situs Tanpa Batas

Aplikasi penjelajah web berfungsi untuk mempermudah pencarian informasi, serta membuka situs di dunia maya. Kini…

2 hours ago

Tutorial Mengubah Font WhatsApp di Android dan iPhone

WhatsApp adalah aplikasi pesan instan yang sangat populer di seluruh dunia. Meskipun tampilannya sederhana, banyak…

4 hours ago

Struktur Organisasi Perusahaan: Cara Menyusun dan Membuatnya Secara Efektif

Struktur organisasi suatu perusahaan merupakan elemen krusial yang perlu dipahami saat mendirikan sebuah usaha atau…

22 hours ago

MP3 Juice: Pengertian, Cara Kerja, dan Fakta yang Perlu Kamu Ketahui

Terdapat banyak aplikasi atau platform untuk memutar musik yang tersedia untuk digunakan. Siapa saja bisa…

1 day ago

Cara Membuat Artikel WordPress yang SEO Friendly dan Mudah Ditemukan di Google

Setelah Anda selesai melakukan instalasi WordPress, langkah berikutnya adalah menulis artikel melalui dasbor. Panduan ini…

1 day ago

Apa Itu Trading? Pengertian, Cara Kerja, dan Jenis-Jenisnya

Ada berbagai metode yang bisa diterapkan untuk mendapatkan keuntungan maksimal. Selain melalui jual beli barang…

2 days ago