Outils gratuits en ligne pour encoder et décoder les URL

Dans le développement web, la transmission de données et l’interaction réseau, l’encodage et le décodage d’URL (par exemple, %20 au lieu d’espace) sont des opérations essentielles. Scénarios nécessitant un encodage : transmission de caractères spéciaux, soumission de formulaires, génération d’URL dynamiques, requêtes API, protection de sécurité.

1. Transmission de caractères spéciaux ou non-ASCII

Problème : Seuls certains caractères (lettres, chiffres, -, _, .) peuvent être contenus dans l’URL, et d’autres caractères (espace, caractères chinois, &, #) doivent être encodés. Exemple :

Espace → %20 (ou + dans le formulaire)
Chinois « Apple » → %E8%8B%B9%E6%9E%9C (encodage UTF-8)
Symbole & → %26,? → %3F

# URL non codée (analyse incorrecte) :
https://example.com/search?q=apple&orange

# URL codée :
https://example.com/search?q=apple%26orange

2. Soumission du formulaire (requête GET/POST)

Problème : Le contenu du formulaire (termes de recherche, données saisies par l’utilisateur) peut contenir des caractères spéciaux. Exemple :

L’utilisateur saisit « café et thé » → Encodé : café%20%26%20thé.

3. Génération dynamique des paramètres d’URL

Scénario : Lors de la concaténation d’URL via JavaScript ou un code backend, vous devez encoder manuellement les paramètres. Exemple de code :

const keyword = "Price>=100"; const encoded = encodeURIComponent(keyword); // Encodé comme "Price%3E%3D100"
const url = `https://example.com/search?q=${encoded}`;

4. Requête API (interface RESTful par exemple)

Problème : Lors de la transmission de données JSON ou de paramètres complexes, un codage est nécessaire pour éviter les conflits. Exemple :

Transmission de la chaîne JSON : {"name":"张三","age":25} → Encodé comme %7B%22name%22%3A%22%E5%BC%A0%E4%B8%89%22%2C%22age%22%3A25%7D.

5. Prévenir les attaques par injection d’URL

Scénario : Lorsque le contenu saisi par l’utilisateur est directement concaténé à l’URL, il doit être encodé pour empêcher les caractères malveillants (tels que « 

Entrée <img src=x onerror=alert(1)> → Encoder en %3Cimg%20src%3Dx%20onerror%3Dalert(1)%3E.

Dans le développement web, la transmission de données et l’interaction réseau, l’encodage et le décodage des URL (par exemple, %20 au lieu d’espace) sont des opérations essentielles. Scénarios nécessitant un encodage : paramètres de traitement du serveur, affichage du navigateur, analyse du robot d’indexation, analyse des journaux.

1. Le serveur reçoit et analyse les paramètres

Scénario : Les programmes backend (tels que PHP et Python) doivent décoder les paramètres d’URL envoyés par le client.

Exemple de code (Python) :

from urllib.parse import unquote
encoded_str = "%E6%9D%8E%E5%9B%9B"
decoded_str = unquote(encoded_str) # Sortie "李四"

2. Décodage automatique du navigateur

Scénario : Lorsque le navigateur affiche l’URL, il décode automatiquement %20 comme un espace, %E4%B8%AD comme « 中 », etc.

Exemple :

L’utilisateur voit : https://example.com/search?q=苹果
L’URL demandée est encodée : https://example.com/%E6%90%9C%E7%B4%A2?q=%E8%8B%B9%E6%9E%9C

3. Les robots d’exploration gèrent les URL dynamiques

Scénario : Lorsque les robots d’exploration analysent des pages web, ils doivent décoder les paramètres de l’URL pour obtenir les données d’origine.

Exemple :

Décoder à partir du lien /product?id=123%26category=books pour obtenir id=123&category=books.

4. Débogage et analyse des journaux

Scénario : Lors de la consultation des journaux du serveur ou du débogage, vous devez décoder l’URL pour comprendre le contenu réel.

Exemple :

Requête dans le journal : GET /search?q=%E7%83%AD%E9%97%A8 HTTP/1.1

Décodé : q=popular