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

Template: Fungsi, Kelebihan dan Kekurangannya

Templat hampir serupa dengan "Cetakan", apa alasannya? Tentu saja, karena ketika kita sudah memiliki material…

2 hours ago

Apa Itu Object Linking and Embedding (OLE)? Penjelasan Lengkap dengan Contoh

Object Linking and Embedding (OLE) Pengertian OLE Object Linking and Embedding (OLE) adalah sebuah spesifikasi…

2 hours ago

Tips Menyusun Proposal Penelitian yang Menarik dan Berkualitas

Proposal dan skripsi biasanya hanya dikerjakan oleh mahasiswa yang sudah berada di semester akhir, khususnya…

6 hours ago

Mengenal Kelebihan dan Kekurangan Open Source Software Secara Lengkap

Jika Anda sedang mengembangkan sebuah proyek sistem informatika atau proyek lain yang membutuhkan dukungan perangkat…

6 hours ago

Public Key Encryption

Public Key Encryption atau enkripsi kunci publik adalah sebuah sistem kriptografi yang menggunakan dua kunci…

24 hours ago

Panduan Instalasi Speedtest-cli di Linux

Speedtest-cli adalah versi command line interface dari layanan speedtest.net yang berfungsi untuk menguji kecepatan koneksi…

1 day ago