Passer au contenu principal

🔐 Encodeur/Décodeur URL

Outil pour encoder les caractères spéciaux pour une utilisation sûre dans les URL, ou décoder les URL encodées en texte original.

📝 Texte d'Entrée

✨ Résultat

💡 Exemples

Original :
https://example.com/search?query=헬로 월드&lang=ko
Encodé :
https%3A%2F%2Fexample.com%2Fsearch%3Fquery%3D%ED%97%AC%EB%A1%9C%20%EC%9B%94%EB%93%9C%26lang%3Dko

L'encodage URL convertit les caractères spéciaux en format encodé en pourcentage pour une transmission sûre dans les URL. Utilisez Encoder pour convertir les caractères spéciaux et Décoder pour restaurer le texte original.

Fonctionnalités Principales​

1. Encodage URL (Encode)​

Convertit les caractères spéciaux, les accents, les espaces, etc. au format percent encoding (%XX).

Exemple :

Original: https://example.com/search?query=bonjour monde&lang=fr
Encodé: https%3A%2F%2Fexample.com%2Fsearch%3Fquery%3Dbonjour%20monde%26lang%3Dfr

2. Décodage URL (Decode)​

Convertit les URL encodées en percent encoding en texte original lisible.

Exemple :

Encodé: %62%6F%6E%6A%6F%75%72%20%6D%6F%6E%64%65
Décodé: bonjour monde

3. Fonctions Pratiques​

  • Échanger les textes : Échange rapidement l'entrée et le résultat
  • Copier : Copie le résultat dans le presse-papiers
  • Réinitialiser : Efface toutes les entrées en une seule fois

Pourquoi l'Encodage URL est Nécessaire​

Transmission Sûre d'URL​

Certains caractères ont une signification spéciale dans les URL :

  • / : Séparateur de chemin
  • ? : Début de la requête
  • & : Séparateur de paramètres
  • = : Séparateur clé-valeur
  • # : Fragment

Pour transmettre ces caractères en tant que données, l'encodage est nécessaire.

Français et Langues Internationales​

Original: https://example.com/recherche?mot-clé=café
Encodé: https://example.com/recherche?mot-cl%C3%A9=caf%C3%A9

Les caractères accentués ou spéciaux ne peuvent pas être utilisés directement dans les URL, l'encodage est essentiel.

Exemples d'Utilisation​

Développement Web​

// Création d'URL en JavaScript
const searchQuery = "café au lait";
const encodedQuery = encodeURIComponent(searchQuery);
const url = `https://api.example.com/search?q=${encodedQuery}`;
// Résultat: https://api.example.com/search?q=caf%C3%A9%20au%20lait

Appel d'API​

# URL original (ne fonctionne pas)
GET https://api.example.com/users?name=François&age=30

# URL encodée (fonctionne normalement)
GET https://api.example.com/users?name=Fran%C3%A7ois&age=30

Paramètres de Requête​

# Terme de recherche avec caractères spéciaux
Original: recherche=C++ & Java
Encodé: recherche=C%2B%2B%20%26%20Java

Caractères Encodés​

Caractères Toujours Encodés​

  • Espace : → %20
  • Caractères accentués : é, è, à, ç etc. sont encodés en plusieurs octets
  • Caractères spéciaux : !, @, #, $, %, ^, &, *, (, ), =, +, [, ], {, } etc.

Exemples​

!   → %21
@   → %40
#   → %23
$   → %24
%   → %25
&   → %26
=   → %3D
+   → %2B
espace → %20
é   → %C3%A9

Cas d'Usage​

🌐 Développement Web​

  • Fonction de recherche : Convertir l'entrée utilisateur en requête URL
  • Appel d'API : Encodage des paramètres de requête GET
  • Noms de fichiers : Traiter les noms de fichiers contenant des caractères spéciaux

📧 Liens Email​

<!-- Lien mailto avec sujet et corps -->
<a href="mailto:test@example.com?subject=Bonjour&body=Question importante">
<!-- Après encodage -->
<a href="mailto:test@example.com?subject=Bonjour&body=Question%20importante">

🔗 Partage sur Réseaux Sociaux​

// URL de partage Facebook
https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fexample.com&quote=Excellent%20article

// URL de partage Twitter
https://twitter.com/intent/tweet?text=Nouvelles%20passionnantes&url=https%3A%2F%2Fexample.com

📊 Analyse de Données​

  • Analyse de logs : Interpréter les URL encodées dans les logs de serveur web
  • URL de suivi : Interpréter les paramètres de Google Analytics, etc.

Conseils​

Quand Encoder ?​

  • ✅ Valeurs de paramètres de requête : ?search=besoin encodage
  • ✅ Caractères accentués/spéciaux : name=François
  • ✅ Espaces : query=hello world
  • ❌ Domaine : https:// (déjà des caractères sûrs)
  • ❌ Séparateurs de chemin : /api/users (séparateurs intentionnels)

URL Complète vs Paramètres Seulement​

// ❌ Mauvaise méthode : encoder l'URL complète
const wrong = encodeURIComponent("https://example.com/search?q=café");
// Résultat: https%3A%2F%2Fexample.com%2Fsearch%3Fq%3Dcaf%C3%A9

// ✅ Bonne méthode : encoder uniquement la valeur du paramètre
const query = encodeURIComponent("café");
const correct = `https://example.com/search?q=${query}`;
// Résultat: https://example.com/search?q=caf%C3%A9

Attention au Double Encodage​

Original: café
1er encodage: caf%C3%A9
2ème encodage: caf%25C3%25A9

// Ne pas encoder le même texte deux fois !

Utilisation par Langage de Programmation​

JavaScript​

// Encodage
const encoded = encodeURIComponent("café");
// Décodage
const decoded = decodeURIComponent(encoded);

Python​

from urllib.parse import quote, unquote

# Encodage
encoded = quote("café")
# Décodage
decoded = unquote(encoded)

Java​

import java.net.URLEncoder;
import java.net.URLDecoder;

// Encodage
String encoded = URLEncoder.encode("café", "UTF-8");
// Décodage
String decoded = URLDecoder.decode(encoded, "UTF-8");

PHP​

// Encodage
$encoded = urlencode("café");
// Décodage
$decoded = urldecode($encoded);

Outils Connexes​

Questions Fréquentes​

Q : Quelle partie de l'URL dois-je encoder ? R : Encodez uniquement la partie valeur des paramètres de requête. N'encodez pas le protocole (https://), le domaine ou les séparateurs de chemin (/).

Q : Pourquoi l'espace est-il représenté par %20 et + ? R : %20 peut être utilisé dans toute l'URL, tandis que + ne représente l'espace que dans les paramètres de requête. Il est généralement plus sûr d'utiliser %20.

Q : J'obtiens une erreur de décodage. R : Le texte entré peut ne pas être au bon format d'encodage URL, ou être déjà du texte décodé. Vérifiez à nouveau l'URL encodée originale.

Q : Que se passe-t-il si j'encode une URL déjà encodée ? R : Un double encodage se produit, donnant des résultats indésirables. Par exemple, %20 devient %2520. N'encodez qu'une seule fois.