Codificador d'URL

1. Introducció

Codificador d'URL és una eina senzilla però essencial que converteix text normal en un format segur per utilitzar dins d'una URL. Quan incloeu caràcters especials com ara espais, símbols ampersand, barres inclinades o altres símbols en una adreça web, aquests s'han de codificar perquè els navegadors i els servidors els interpretin correctament. Aquesta eina transforma automàticament aquests caràcters en els seus equivalents codificats amb percentatges.

La codificació d'URL s'utilitza habitualment quan es passen dades mitjançant cadenes de consulta (query strings), s'envien valors de formularis mitjançant sol·licituds GET, es creen enllaços de seguiment o s'integra amb API. Per exemple, si la vostra URL conté un espai, aquest s'ha de codificar com a %20 perquè funcioni correctament. Sense codificació, les URL poden fallar, retornar errors o produir resultats inesperats.

Aquesta eina està dissenyada perquè sigui fàcil d'utilitzar fins i tot per a principiants. Només cal enganxar el text, fer clic a codificar i obtenir immediatament una versió segura per a URL. Tant si sou un desenvolupador que crea enllaços dinàmics com un professional del màrqueting que genera URL de campanyes, aquesta eina garanteix que els vostres enllaços siguin vàlids, segurs i conformes als estàndards.

2. Com funciona

El Codificador d'URL converteix el text proporcionat per l'usuari en una cadena correctament codificada utilitzant les regles estàndard de codificació d'URL. Aquest procés substitueix els caràcters no segurs per representacions codificades amb percentatges perquè el text es pugui incloure de manera segura dins d'una cadena de consulta o una ruta d'URL.

Paràmetre d'entrada

• Contingut – El text que voleu codificar. Pot incloure espais, caràcters especials, símbols o URL completes.

Regles de validació

• El camp contingut és obligatori i no pot estar buit.
• Els espais en blanc inicials i finals s'eliminen abans del processament.
• L'entrada es neteja per evitar contingut insegur o maliciós.
• Es realitza una comprovació de seguretat CSRF per garantir que la sol·licitud és legítima.

Lògica de codificació

Un cop superada la validació, l'eina codifica el contingut segons les regles estàndard de codificació d'URL:

• Els espais es converteixen en %20
• Els caràcters especials com ara &, =, ?, # i altres es codifiquen amb percentatges
• Els caràcters no alfanumèrics es converteixen en seqüències d'escapament hexadecimal

Estructura de la sortida

La sortida és una única cadena codificada que es mostra immediatament després de l'enviament. L'entrada original continua visible perquè els usuaris la puguin editar i tornar a codificar si cal.

Limitacions

• Aquesta eina codifica text, però no valida si l'estructura de la URL resultant és lògicament correcta.
• No descodifica cadenes que ja hagin estat codificades.
• No comprova si la URL codificada apunta a un recurs web vàlid.

3. Com utilitzar aquesta eina

1. Introduïu o enganxeu el text al camp d'entrada.
2. Assegureu-vos que el camp de contingut no estigui buit.
3. Feu clic al botó de processament.
4. Visualitzeu la sortida codificada que es mostra a la pantalla.
5. Copieu la cadena codificada i utilitzeu-la a la vostra URL o aplicació.

4. Exemples pràctics

Exemple 1: Codificació d'una cadena de consulta

Entrada:

name=John Doe & city=New York

Sortida:

name%3DJohn+Doe+%26+city%3DNew+York

Aquest resultat codificat es pot afegir de manera segura a una URL sense trencar l'estructura de la consulta.

Exemple 2: Codificació d'un paràmetre URL complet

Entrada:

https://example.com/search?q=red shoes

Sortida:

https%3A%2F%2Fexample.com%2Fsearch%3Fq%3Dred+shoes

Això és útil quan es passa una URL com a paràmetre dins d'una altra URL, com ara en sistemes de redirecció o eines de seguiment.

5. Casos d'ús per a desenvolupadors

- Creació de cadenes de consulta dinàmiques

Quan es generen URL de manera dinàmica en sistemes backend, la codificació garanteix que l'entrada de l'usuari no trenqui els paràmetres de la consulta.

- Construcció de sol·licituds API

Moltes API REST requereixen que els paràmetres de consulta estiguin codificats. Aquesta eina ajuda a preparar cadenes de paràmetres segures abans d'enviar sol·licituds HTTP.

- Prevenció de problemes d'injecció

Codificar l'entrada de l'usuari abans d'inserir-la en URL redueix el risc de generar URL malformades i determinades vulnerabilitats relacionades amb injeccions.

- Automatització del backend

Els desenvolupadors poden integrar la codificació d'URL en fluxos de treball automatitzats per generar enllaços, fer seguiment de campanyes o implementar sistemes de redirecció.

Exemple en PHP

<?php
$input = "John Doe & New York";
$encoded = urlencode($input);
echo $encoded;
?>

Exemple en JavaScript

const input = "John Doe & New York";
const encoded = encodeURIComponent(input);
console.log(encoded);

Consideracions de seguretat

• Valideu sempre que els camps d'entrada no estiguin buits abans del processament.
• Utilitzeu protecció CSRF en els enviaments de formularis.
• Netegeu l'entrada de l'usuari abans de codificar-la per mantenir la integritat de l'aplicació.

6. Preguntes freqüents

Què és la codificació d'URL?

La codificació d'URL converteix els caràcters no segurs en un format codificat amb percentatges perquè es puguin utilitzar de manera segura en adreces web.

Per què els espais s'han de codificar en les URL?

Els espais no estan permesos en les URL i s'han de convertir a %20 perquè els navegadors i els servidors els interpretin correctament.

Quan he d'utilitzar un Codificador d'URL?

Utilitzeu-lo quan creeu cadenes de consulta, passeu paràmetres en enllaços o envieu dades mitjançant sol·licituds GET.

La codificació d'URL canvia el significat de les meves dades?

No. Només canvia la manera com es representen les dades dins d'una URL, no el contingut real.

La codificació d'URL és el mateix que la codificació HTML?

No. La codificació d'URL s'utilitza per a adreces web, mentre que la codificació HTML s'utilitza per mostrar contingut de manera segura dins de pàgines web.

Puc codificar una URL sencera?

Sí. Això sovint és necessari quan s'inclou una URL dins d'una altra com a paràmetre.