Enkripsi dan Dekripsi Teks dengan Javascript Crypto JS

Selamat datang di sistemit.com berjumpa lagi bersama saya umam, admin sistemit.com. Kali ini saya akan berbagi tips dan tutorial cara mengenkripsi sebuah teks dan mendekripsi nya dengna javascript. Seperti yang kita ketahui enkripsi dan dekripsi dalam dunia komputer atau dunia teknologi informasi berfungsi untuk melakukan pengacakan teks guna meningkatkan security dalam suatu program atau aplikasi.

Dengan adanya enkripsi maka teks yang seharusnya dapat terbaca bisa diamankan dan hanya orang orang tertentu saja yang dapat mengaksesnya. Dalam hal ini saya menggunakan enkripsi javascript dengan menggunakan library CryptoJS. Library ini memungkinkan kita dalam mengkonfersi teks ke suatu teks yang tidak dikenal. Dan dengan algoritma dekripsi kita dapat mengetahuinya kembali dengan menggunakan kunci rahasia yang kita tetapkan (secret key)

Baik untuk tidak panjang lebar, langsung saja kita melakukan langkah langkah yang diperlukan.

1. Buatlah file bernama index.html dengan kode berikut :

Kode berikut merupakan proses enkripsi tulisan atau teks “Pesan Sebenarnya” kemudian di enkripsi dengan secret key KunciRahasia123

Setelah di enkripsi “Pesan Sebenarnya” akan berubah menjadi karakter yang tidak diketahui (unknown character)

Lalu algoritma mendekripsi teks tersebut kembali menjadi “Pesan Sebenarnya” dengan menggunakan secret key KunciRahasia123

<script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/3.1.2/rollups/aes.js"></script>
<h4>Pesan Asli</h4>
<div id="psn"></div>
<h4>Hasil Enkripsi</h4>
<div id="enk"></div>
<h4>Hasil Dekripsi</h4>
<div id="dek"></div>
<script>
var pesan = 'Pesan Sebenarnya';
var ciphertext = CryptoJS.AES.encrypt(pesan, 'KunciRahasia123');
 
// Decrypt
var bytes  = CryptoJS.AES.decrypt(ciphertext.toString(), 'KunciRahasia123');
var plaintext = bytes.toString(CryptoJS.enc.Utf8);
 
console.log(plaintext);
document.getElementById("psn").innerHTML = pesan;
document.getElementById("enk").innerHTML = ciphertext;
document.getElementById("dek").innerHTML = plaintext;
</script>

2. Hasil kode adalah sebagai berikut :

ips

Related posts

Leave a Comment