URL Parser & Query String Builder

Khi nào cần parse URL?

• Debug UTM tracking: ?utm_source=newsletter&utm_campaign=launch — xem từng tham số đúng chưa.
• Build API URL: thêm/xoá query param dynamic — không phải nối string thủ công.
• Phân tích link affiliate: link Shopee/Lazada có nhiều param tracking — biết mỗi param làm gì.
• OAuth callback: redirect_uri có hash params — tách để extract token.
• SEO audit: detect URL có tracking param dư thừa, suggest canonical URL.

Cấu trúc URL chuẩn

https://user:pass@example.com:8080/path/to/page?key=value&q=hello#section
└─┬─┘   └────┬────┘ └────┬────┘ └─┬┘ └──────┬──────┘ └──────┬───────┘ └───┬──┘
protocol     auth        host    port      path           query         hash

Tip về query string encoding

• Space: encode thành %20 hoặc + (cùng nghĩa trong query).
• Tiếng Việt có dấu: phải encode thành UTF-8 percent-encoded. Vd: café → caf%C3%A9.
• Ký tự đặc biệt: &, =, ?, # trong value phải encode để không nhầm với separator.
• Tool dùng URLSearchParams.toString() — auto encode đúng chuẩn.