Outil d'encodage/décodage d'URL

Encodez les URL complètes, décodez les liens de rappel et échappez les valeurs des paramètres de requête sans perdre la structure de la requête d'origine.

Workbench d'encodage/décodage d'URL
Astuce de flux de travail Choisissez encoder ou décoder pour inspecter une URL, un lien de rappel ou une valeur de requête.
Essayez un véritable workflow d'encodage d'URL
Qu’est-ce que l’encodage d’URL ?

Le codage d'URL, également appelé codage en pourcentage, convertit les espaces, les caractères Unicode et réservés dans un format sécurisé pour le transport. Utilisez-le lorsqu'une URL de navigateur, redirect_uri, une valeur de requête API ou un lien de rappel copié doit survivre au transit sans changer de signification.

Comment fonctionne l'encodage d'URL

Utilisez le codage d'URL complète lorsque vous souhaitez conserver des séparateurs tels que :, /, ?, & et = lisibles dans un lien complet. Utilisez le codage de composant lorsqu'une valeur unique doit résider dans un paramètre de requête, une cible de redirection ou une URL de rappel imbriquée.

Cas d'utilisation courants
  • Encodage des valeurs redirect_uri, state et search avant qu'une requête d'authentification ou d'API ne quitte votre application
  • Décodage des liens de rappel copiés à partir des journaux, des tickets d'assistance ou de l'historique du navigateur
  • Créer des URL de requête d'API sans casser les séparateurs dans le point de terminaison de base
  • Échapper aux adresses e-mail, aux URL imbriquées et aux signes plus dans une valeur de requête
  • Vérification de l'Unicode et des espaces avant de coller une URL dans des documents ou du code
Exemples
Entrée: redirect_uri=https://app.example.com/callback?next=/settings
Sortie: redirect_uri=https%3A%2F%2Fapp.example.com%2Fcallback%3Fnext%3D%2Fsettings
Entrée: https://app.example.com/callback?next=%2Fsettings%3Ftab%3Dprofile
Sortie: https://app.example.com/callback?next=/settings?tab=profile
Sortie: email=dev%2Balerts%40example.com
Foire aux questions

Quand dois-je encoder une URL complète au lieu d’une valeur de paramètre ?

Encodez une URL complète lorsque vous souhaitez qu'un lien complet reste lisible et conserve les séparateurs tels que ?, & et = intacts. Encodez une valeur de paramètre lorsque les données doivent tenir dans une seule paire clé=valeur telle que redirect_uri, state ou une requête de recherche.

Quelle est la différence entre encodeURI et encodeURIComponent ?

encodeURI préserve les caractères structurels de l'URL tels que :, /, ? et # pour un lien complet. encodeURIComponent échappe également à ces caractères réservés, ce qui en fait le choix le plus sûr pour les valeurs de paramètres de requête, les URL imbriquées et les cibles de rappel copiées.