URL Encoder / Decoder (mã hóa percent, an toàn UTF-8)

URL encoding là gì

URL bị giới hạn trong một tập nhỏ ký tự ASCII. Để chèn bất kỳ ký tự nào khác — dấu cách, dấu phụ, chữ Hán, emoji, ký hiệu đặc biệt — bạn thay từng byte không an toàn bằng %XX, trong đó XX là giá trị hexa của byte. Dấu cách thành %20, dấu chéo / thành %2F, chữ tiếng Việt 'á' thành %C3%A1 (byte UTF-8 đã mã hóa percent).

Công cụ này dùng encodeURIComponent và decodeURIComponent có sẵn của trình duyệt. Nó mã hóa mọi thứ không phải ký tự không cần thoát (chữ cái, số, -._~), đó là hành vi đúng cho tham số query và dữ liệu form.

encodeURI và encodeURIComponent

JavaScript có hai bộ mã hóa. encodeURI giữ nguyên các ký tự cấu trúc URL (/ ? & # = + ...) — dùng cho URL đầy đủ. encodeURIComponent thoát tất cả những ký tự đó — dùng cho giá trị bên trong tham số query.

Công cụ này dùng encodeURIComponent, lựa chọn an toàn hơn cho việc nhúng văn bản tùy ý vào URL. Nếu bạn có URL đầy đủ muốn giữ cấu trúc, chỉ mã hóa phần cần thiết.

Những cạm bẫy thường gặp

Dấu cộng trong URL. Một số máy chủ coi '+' là dấu cách (di sản từ form encoding). encodeURIComponent giữ nguyên '+', nhưng máy chủ có thể giải mã thành dấu cách. Để an toàn, hãy thay '+' bằng %2B khi gửi dữ liệu.

Mã hóa hai lần. Mã hóa một chuỗi đã được mã hóa sẽ thêm một lớp nữa (% thành %25, nên '%20' thành '%2520'). Luôn kiểm tra xem đầu vào đã được mã hóa hay chưa trước khi mã hóa lần nữa.

Độ dài tăng. Ký tự UTF-8 nhiều byte mở rộng thành 3-4 percent-code mỗi ký tự. Một chuỗi tiếng Việt có dấu 100 ký tự dễ dàng thành URL hơn 200 ký tự.