Mã hóa / Giải mã URL

URL encoder là gì?

URL encoder (còn gọi là công cụ mã hóa phần trăm hay URI encoder) thay các ký tự dành riêng hoặc không an toàn trong URL bằng % kèm hai chữ số hex. Lập trình viên dùng nó khi tạo query string, escape một đoạn path, chia sẻ URL có dấu cách hoặc ký tự ngoài ASCII, và khi gỡ lỗi redirect.

URL chỉ được chứa một tập nhỏ ký tự ASCII. Mọi thứ nằm ngoài tập đó, như dấu cách, chữ có dấu, emoji, hay các ký hiệu dành riêng như ?, #, &, = khi chúng là dữ liệu, đều phải được mã hóa phần trăm để đi nguyên vẹn từ trình duyệt đến máy chủ.

JavaScript có hai hàm mã hóa: encodeURI (giữ nguyên cấu trúc URL: /, ?, #, &) và encodeURIComponent (mã hóa mọi ký tự dành riêng). Dùng encodeURIComponent cho các *giá trị* bạn đưa vào query string, và encodeURI cho *cả URL* mà bạn vẫn muốn hoạt động bình thường.

Bạn học được gì khi mã hóa URL

• Mã hóa phần trăm thay một byte bằng % cộng hai chữ số hex. Ví dụ, dấu cách thành %20.
• Các ký tự dành riêng (: / ? # & = +) có ý nghĩa trong cấu trúc URL. Khi dùng chúng làm dữ liệu chứ không phải dấu phân tách, bạn phải mã hóa chúng.
• Văn bản ngoài ASCII (chữ có dấu tiếng Việt, emoji, chữ Kirin, chữ CJK) trước tiên được chuyển thành các byte UTF-8, rồi từng byte được mã hóa phần trăm.
• encodeURI giữ nguyên cấu trúc URL; encodeURIComponent mã hóa mọi ký tự dành riêng. Hãy dùng đúng hàm cho đúng vị trí.

Cách encode và decode URL từng bước

1. 1

   Chọn chiều chuyển đổi

   Chọn Encode nếu bạn có văn bản gốc và muốn nó an toàn trong URL. Chọn Decode nếu bạn có chuỗi đã mã hóa bằng % và muốn lấy lại văn bản gốc.

2. 2

   Chọn chế độ mã hóa

   Chọn encodeURIComponent (mã hóa mọi ký tự dành riêng) cho giá trị trong query string; chọn encodeURI (giữ cấu trúc) cho cả URL.

3. 3

   Dán đầu vào

   Dán văn bản gốc hoặc URL đã mã hóa. Bạn có thể dán nhiều dòng để decode cùng lúc.

4. 4

   Sao chép kết quả

   Sao chép giá trị đã encode hoặc decode. Việc chuyển đổi chạy ngay trong trình duyệt, nên dữ liệu bí mật trong URL không rời khỏi máy của bạn.

Bảng tra nhanh các ký tự URL thường gặp

Những ký tự bạn hay thấy bị mã hóa nhất, kèm dạng mã hóa phần trăm của chúng. Ý nghĩa của các ký tự dành riêng lấy từ RFC 3986.

Ví dụ URL encode để thử

Lỗi thường gặp khi mã hóa URL

• Dùng encodeURI cho giá trị trong query string. & và = không bị mã hóa và làm hỏng việc đọc tham số.
• Mã hóa một URL hai lần. Thấy %2520 thay vì %20 là dấu hiệu kinh điển của bug mã hóa hai lần.
• Quên rằng + nghĩa là dấu cách trong body application/x-www-form-urlencoded, nhưng lại là chính ký tự + trong path hoặc query của URL.
• Ghép thẳng đầu vào thô của người dùng vào URL bằng nội suy chuỗi. Luôn mã hóa giá trị trước.
• Nghĩ rằng decodeURIComponent nhận mọi chuỗi. Hàm này ném lỗi khi gặp ký tự % đứng một mình mà không có hai chữ số hex theo sau.

Câu hỏi thường gặp về URL encode