Skip to main content

Bangun & Enkode URL dari Komponen Individual Bangun URL yang terenkode dengan benar dari komponen individual seperti skema, host, jalur, dan parameter kueri dengan pratinjau waktu nyata.

Pembangun URL illustration
🌐

Pembangun URL

Bangun URL yang terenkode dengan benar dari komponen individual seperti skema, host, jalur, dan parameter kueri dengan pratinjau waktu nyata.

1

Tetapkan Komponen URL Dasar

Pilih protokol (HTTPS, HTTP, FTP, WS) dari dropdown, masukkan nama host, dan secara opsional tentukan port dan jalur.

2

Tambahkan Parameter Kueri

Klik

3

Salin URL yang Dibangun

Tinjau URL rakitan langsung di panel keluaran dan klik

Pro Tip

Tempelkan URL lengkap ke dalam bidang nama host — alat ini akan menggunakannya sebagai basis. Kemudian tambahkan atau ubah parameter kueri satu per satu tanpa mengetik ulang seluruh string.

Loading tool...

What Is Pembangun URL?

Pembangun URL adalah alat visual yang memungkinkan Anda menyusun URL lengkap dan terformat dengan benar dengan mengisi komponen individual — skema, nama host, port, jalur, parameter kueri, dan fragmen — alih-alih mengetik string lengkap secara manual. Alat ini menghilangkan kesalahan sintaks dan secara otomatis menerapkan pengkodean persen ke karakter khusus dalam nama dan nilai parameter.\n\nURL (Uniform Resource Locators) mengikuti struktur ketat yang ditentukan oleh RFC 3986. Menempatkan setiap titik dua, garis miring, tanda tanya, dan ampersand di tempat yang tepat rawan kesalahan jika dilakukan secara manual, terutama bila nilai kueri berisi spasi, karakter Unicode, atau simbol khusus seperti & dan =. Alat pembuat URL menangani pemformatan dan pengkodean untuk Anda, menghasilkan URL yang sesuai standar setiap saat.\n\nApakah Anda perlu membuat titik akhir API, membuat tautan pelacakan dengan parameter UTM, atau membuat yang dalam tautan untuk aplikasi seluler, pembuat URL ini memberi Anda antarmuka tunjuk-dan-klik dengan pratinjau waktu nyata sehingga Anda dapat memverifikasi hasilnya sebelum menyalinnya ke kode, dokumentasi, atau manajer kampanye Anda.

Why Use Pembangun URL?

  • Pengkodean persen otomatis karakter khusus dalam kunci dan nilai kueri — tidak perlu pelolosan manual.
  • Menghilangkan kesalahan sintaksis URL yang umum seperti garis miring yang hilang, tanda tanya ganda, atau string kueri yang formatnya salah.
  • Pembaruan pratinjau waktu nyata saat Anda mengetik, sehingga Anda dapat memverifikasi URL sebelum menggunakannya.
  • Mendukung banyak protokol (HTTPS, HTTP, FTP, WS, WSS) dan nomor port opsional untuk konstruksi URL yang fleksibel.
  • Tambahkan, hapus, dan susun ulang parameter kueri melalui antarmuka nilai kunci yang bersih alih-alih mengedit string mentah.
  • Berjalan 100% di browser Anda — tidak ada data yang dikirim ke server mana pun, menjaga kerahasiaan URL dan parameter Anda.

Common Use Cases

Pemasar Digital Membangun URL Kampanye

Buat URL pelacakan yang diberi tag UTM untuk kampanye Google Analytics tanpa khawatir tentang pengkodean karakter khusus dalam nilai parameter.

Pengembang Backend Membangun Titik Akhir API

Kumpulkan URL permintaan REST API dengan parameter kueri kompleks, token penomoran halaman, dan nilai filter untuk pengujian atau dokumentasi.

Insinyur QA Membuat URL Uji

Hasilkan URL dengan parameter kueri kasus tepi — karakter khusus, nilai panjang, Unicode — untuk menguji cara aplikasi menangani masukan yang tidak biasa.

Penulis Teknis Mendokumentasikan Titik Akhir

Buat contoh URL untuk dokumentasi API dengan parameter yang dikodekan dengan benar, pastikan pembaca dapat menyalin-menempel dan menggunakannya secara langsung.

Tautan Audit Spesialis SEO

Verifikasi bahwa URL kanonik, target pengalihan, dan entri peta situs telah diformat dan dikodekan dengan benar sebelum penerapan.

Pengembang Seluler Membuat Tautan Dalam

Buat URL tautan dalam aplikasi dengan protokol skema khusus dan parameter payload yang dikodekan untuk Tautan Universal iOS atau Tautan Aplikasi Android.

Technical Guide

URL mengikuti sintaksis yang ditentukan dalam RFC 3986: `scheme://authority/path?query#fragment`. Setiap komponen memiliki aturan khusus tentang karakter mana yang diperbolehkan dan bagaimana karakter lain harus dikodekan.\n\n**Skema** mengidentifikasi protokol (http, https, ftp, ws, wss). Itu selalu diikuti oleh `://`.\n\n**Otoritas** mencakup info pengguna opsional, host yang diperlukan (nama domain atau alamat IP), dan port opsional yang dipisahkan oleh titik dua. Port default (80 untuk HTTP, 443 untuk HTTPS) biasanya dihilangkan.\n\n**Jalur** adalah rangkaian segmen yang dipisahkan dengan garis miring. Setiap segmen dapat berisi karakter yang tidak dicadangkan (A-Z, a-z, 0-9, -, ., _, ~) dan oktet yang dikodekan persen. Jalur selalu dimulai dengan `/` ketika ada otoritas.\n\n**String Kueri** dimulai dengan `?` dan berisi pasangan nilai kunci yang dipisahkan oleh `&`. Kunci dan nilai harus dikodekan dalam persen: spasi menjadi `%20` (atau `+` dalam data formulir), `&` menjadi `%26`, `=` menjadi `%3D`, dan seterusnya. Fungsi JavaScript `encodeURIComponent()` menangani pengkodean ini dengan benar.\n\n**Fragment** dimulai dengan `#` dan mengidentifikasi sumber daya atau bagian sekunder dalam halaman. Fragmen tidak dikirim ke server — mereka diproses seluruhnya oleh klien.\n\n**Pengkodean Persen** menggantikan karakter yang tidak aman dengan `%` diikuti oleh dua digit heksadesimal yang mewakili nilai byte karakter. Misalnya, spasi adalah `%20`, garis miring adalah `%2F`, dan karakter Jepang seperti 日 menjadi `%E6%97%A5` (tiga byte yang dikodekan dari representasi UTF-8-nya). Alat ini menerapkan `encodeURIComponent()` ke kunci dan nilai kueri secara otomatis tanpa membatasi pembatas struktural.

Tips & Best Practices

  • 1
    Selalu gunakan HTTPS melalui HTTP — ini mengenkripsi data saat transit dan diperlukan oleh sebagian besar API dan browser modern.
  • 2
    Hilangkan port default (80 untuk HTTP, 443 untuk HTTPS) agar URL tetap bersih — browser dan server mengambilnya secara otomatis.
  • 3
    Gunakan segmen jalur deskriptif dengan huruf kecil yang dipisahkan dengan tanda hubung (misalnya /api/v2/user-profiles) agar mudah dibaca dan SEO.
  • 4
    Jika nilai kueri berisi karakter khusus seperti & atau =, biarkan alat mengkodekannya secara otomatis daripada melakukan escape secara manual.
  • 5
    Jaga agar pengidentifikasi fragmen tetap singkat dan bermakna — pengidentifikasi ini digunakan untuk navigasi dalam halaman dan tidak pernah dikirim ke server.
  • 6
    Uji URL yang dibuat dengan menempelkannya ke bilah alamat browser Anda untuk memverifikasi bahwa URL tersebut diselesaikan dengan benar sebelum menggunakannya dalam kode.

Related Tools

Frequently Asked Questions

Q Apa itu pengkodean URL dan mengapa pembuatnya menerapkannya secara otomatis?
Pengkodean URL (pengkodean persen) menggantikan karakter yang memiliki arti khusus dalam URL — seperti spasi, ampersand, dan tanda sama dengan — dengan kode hex %XX. Pembuatnya menerapkannya ke kunci dan nilai parameter kueri sehingga URL Anda valid secara sintaksis tanpa pelolosan manual.
Q Bisakah saya membuat URL dengan karakter non-ASCII seperti huruf beraksen atau emoji?
Ya. Karakter non-ASCII secara otomatis dikonversi ke urutan byte UTF-8 dan kemudian dikodekan dalam persen. Misalnya,
Q Apa perbedaan antara encodeURI dan encodeURIComponent?
encodeURI mengkodekan URI lengkap tetapi membiarkan karakter struktural (://?#&=) tetap utuh. encodeURIComponent mengkodekan semuanya kecuali karakter yang tidak dicadangkan, sehingga cocok untuk kunci dan nilai kueri individual. Alat ini menggunakan encodeURIComponent untuk parameter.
Q Apakah saya perlu memasukkan nomor port di URL saya?
Hanya jika server menggunakan port non-default. Port 80 adalah default untuk HTTP dan 443 untuk HTTPS. Menyertakannya secara eksplisit adalah valid tetapi tidak perlu dan menambah kekacauan visual.
Q Apa yang terjadi pada fragmen (hash) ketika URL dikirim ke server?
Fragmen tersebut tidak pernah dikirim ke server. Ini diproses seluruhnya oleh browser untuk navigasi sisi klien, seperti menggulir ke suatu bagian atau merutekan dalam aplikasi satu halaman.
Q Apakah ada panjang URL maksimum yang harus saya khawatirkan?
RFC 3986 tidak menentukan batas maksimum, tetapi browser dan server memiliki batasan praktis. Kebanyakan browser mendukung setidaknya 2.048 karakter, dan banyak server menerima hingga 8.192 karakter. Pertahankan URL di bawah 2.000 karakter untuk kompatibilitas maksimum.
Q Bisakah saya menggunakan alat ini untuk membuat URL WebSocket?
Ya. Pilih
Q Apakah data saya aman saat menggunakan Pembuat URL ini?
Sangat. Seluruh alat berjalan di browser Anda menggunakan JavaScript. Tidak ada data — nama host, jalur, atau parameter kueri — yang dikirimkan ke server mana pun. Anda dapat memverifikasi ini di inspektur jaringan browser Anda.

About This Tool

Pembangun URL is a free online tool by FreeToolkit.ai. All processing happens directly in your browser — your data never leaves your device. No registration or installation required.