Enkode Dekode URL

Apa itu Pengodean URL?

Pengodean URL adalah mekanisme untuk menerjemahkan karakter khusus dan karakter yang dicadangkan dalam URL ke dalam format yang dapat ditransmisikan dengan aman melalui internet. Hal ini dilakukan dengan mengganti karakter-karakter ini dengan tanda % diikuti oleh dua digit heksadesimal yang mewakili nilai ASCII karakter tersebut.

Misalnya, karakter spasi ( ) tidak diperbolehkan dalam URL. Sebaliknya, karakter tersebut dikodekan sebagai %20. Demikian pula, karakter ampersand (&) dikodekan sebagai %26.

Pengodean ini memastikan bahwa URL tetap konsisten dan tidak ambigu, terlepas dari konteks penggunaannya.

Mengapa Pengodean URL Diperlukan?

URL dirancang agar dapat dibaca manusia, tetapi juga harus dapat dibaca mesin. Ini berarti bahwa karakter tertentu memiliki arti khusus dalam URL dan tidak dapat digunakan sebagaimana adanya. Misalnya:

  • Karakter ? digunakan untuk menunjukkan awal string kueri.
  • Karakter = digunakan untuk memisahkan kunci dan nilai dalam parameter kueri.
  • Karakter / digunakan untuk memisahkan bagian-bagian berbeda dari URL.

Jika karakter-karakter ini digunakan dalam URL tanpa pengodean, karakter-karakter ini dapat menyebabkan kebingungan dan menyebabkan kesalahan. Pengodean URL memastikan bahwa karakter-karakter ini diperlakukan sebagai karakter literal, bukan simbol-simbol khusus.

Selain itu, URL hanya dapat berisi sekumpulan karakter terbatas dari set karakter ASCII. Karakter di luar rangkaian ini, seperti huruf atau simbol non-Inggris, harus dikodekan agar dapat disertakan dalam URL.

Karakter di Luar Kelompok ASCII

Kelompok karakter ASCII mencakup huruf Latin dasar (A-Z, a-z), angka (0-9), dan beberapa karakter khusus. Namun, banyak bahasa dan sistem penulisan menggunakan karakter yang berada di luar ASCII. Ini termasuk:

  • Karakter Latin yang Diperluas: Karakter dari bahasa yang menggunakan alfabet Latin tetapi meliputi diakritik atau huruf tambahan, seperti é (Prancis), ñ (Spanyol), dan ü (Jerman).
  • Karakter Non-Latin: Karakter dari sistem penulisan yang tidak menggunakan alfabet Latin, seperti Sirilik (д, ж), Mandarin (字, 汉), Arab (ع, م), dan banyak lagi.
  • Simbol dan Emoji Khusus: Simbol seperti ©, €, dan emoji seperti 😊 atau 🚀.

Karakter ini harus dikodekan karena berada di luar set ASCII dan tidak dapat langsung digunakan dalam URL. Pengkodean memastikan bahwa pesan tersebut dikirimkan dan ditafsirkan dengan benar.

Cara Kerja Pengodean URL

Pengodean URL mengikuti proses sederhana:

  1. Identifikasi karakter yang perlu dikodekan.
  2. Temukan nilai ASCII-nya (atau urutan byte UTF-8 untuk karakter non-ASCII).
  3. Ubah nilai menjadi angka heksadesimal dua digit.
  4. Tambahkan tanda % di awal angka heksadesimal.

Mari kita lihat sebuah contoh. Misalkan kita ingin mengodekan string Hello World!: 

Hello World! → Hello%20World%21

Di sini, karakter spasi dikodekan sebagai %20, dan tanda seru dikodekan sebagai %21.

Untuk karakter non-ASCII, proses ini melibatkan konversi karakter ke urutan byte UTF-8 dan kemudian mengodekan setiap byte. Misalnya: 

Café → Caf%C3%A9

Dalam hal ini, karakter é dikodekan sebagai %C3%A9.

Karakter yang Dicadangkan dan Tidak Dicadangkan

Spesifikasi URL (didefinisikan dalam RFC 3986) membagi karakter menjadi dua kategori:

  • Karakter yang Dicadangkan: Karakter ini memiliki arti khusus dalam URL dan harus dikodekan jika digunakan di luar tujuan yang dimaksudkan. Contohnya termasuk :, /, ?, #, [, ], @, !, $, &, ', (, ), *, +, ,, ;, dan =.
  • Karakter yang Tidak Dicadangkan: Karakter ini tidak memiliki arti khusus dan tidak perlu dikodekan. Karakter ini meliputi huruf besar dan kecil (A-Z, a-z), angka (0-9), dan beberapa karakter khusus seperti-, _, ., and ~.

Penting untuk dicatat bahwa karakter yang tidak dicadangkan masih dapat dikodekan, tetapi itu tidak perlu.

Pengodean URL dalam Praktik

Sebagian besar bahasa pemrograman dan kerangka kerja menyediakan fungsi bawaan untuk menangani pengodean dan dekodean URL. Berikut ini beberapa contohnya:

Python

import urllib.parse
urllib.parse.quote("Hello World!") → "Hello%20World%21"
urllib.parse.unquote("Hello%20World%21") → "Hello World!"

PHP

urlencode("Hello World!") → "Hello+World%21"
urldecode("Hello+World%21") → "Hello World!"

Fungsi-fungsi ini memudahkan penyandian dan pendekodean URL tanpa harus mengonversi karakter secara manual.

Kesalahan Umum dan Praktik Terbaik

Meskipun penyandian URL mudah, ada beberapa kesalahan umum yang perlu diwaspadai:

  • Pengodean Ganda: Pengodean string yang sudah dikodekan dapat menghasilkan hasil yang tidak diharapkan. Misalnya, mengodekan %20 lagi akan menghasilkan %2520.
  • Pengodean Tidak Lengkap: Gagal mengodekan semua karakter yang dicadangkan dapat menyebabkan masalah, terutama dalam string kueri.
  • Pengodean Berlebihan: Mengodekan karakter yang tidak dicadangkan secara tidak perlu dapat membuat URL lebih sulit untuk dibaca dan di-debug.

Untuk menghindari masalah ini, selalu gunakan fungsi pengodean bawaan yang disediakan oleh bahasa pemrograman atau kerangka kerja kamu. Selain itu, uji URL kamu secara menyeluruh untuk memastikannya berfungsi seperti yang diharapkan dalam konteks yang berbeda.

Kesimpulan

Pengodean URL merupakan konsep dasar dalam pengembangan web yang memastikan URL dikirimkan dan ditafsirkan dengan benar. Dengan memahami cara kerjanya dan mengikuti praktik terbaik, kamu dapat menghindari masalah umum dan membangun aplikasi web yang lebih andal.

Baik kamu bekerja di situs web sederhana atau aplikasi web yang kompleks, pengodean URL merupakan alat yang akan sering kamu gunakan. Jadi, lain kali kamu melihat %20 di URL, kamu akan tahu persis artinya!