Constructor de URL
Crea una URL completa a partir de sus componentes individuales. Elige el protocolo, introduce el host, añade un puerto, una ruta, parámetros de consulta y un fragmento: la URL se construye en tiempo real. Perfecto para construir endpoints de API, enlaces de campaña UTM y aprender la estructura de las URLs. Totalmente gratis, sin registro.
Build a URL from its individual components. Set the protocol, hostname, port, path, query parameters, and fragment - the URL is constructed in real-time.
No query parameters. Click "Add parameter" to add query string parameters.
URL Breakdown:
Length: 20 characters
¿Por qué usar nuestro constructor de URL?
- Crea URLs a partir de componentes: Construye URLs completas definiendo cada componente por separado - protocolo, host, puerto, ruta, parámetros de consulta y fragmento. El constructor de URL actualiza el resultado en tiempo real mientras escribes, lo que facilita experimentar con distintas configuraciones.
- Gestión dinámica de parámetros de consulta: Añade, edita y elimina parámetros de consulta con facilidad. Cada parámetro se codifica automáticamente en URL y la cadena de consulta completa se construye por ti. Añade tantos pares clave-valor como necesites - ideal para construir y probar endpoints de API.
- Copia de la URL con un clic: Copia la URL generada con un solo clic. La URL completa se muestra en un formato seleccionable con un botón de copia, lo que facilita pegarla en navegadores, clientes de API, comandos cURL o el código de tu aplicación.
- Procesamiento privado en el navegador: Toda la construcción de URLs ocurre localmente en tu navegador. No se envía ninguna URL, host ni parámetro de consulta a ningún servidor. Tus datos permanecen totalmente privados y seguros.
Casos de uso comunes del constructor de URL
- Construcción de endpoints de API REST: Crea URLs completas de API REST con parámetros de ruta y cadenas de consulta. El constructor de URL te permite montar endpoints de API ensamblando cada componente, garantizando que la URL tenga el formato correcto y la codificación adecuada para caracteres especiales.
- Desarrollo web y pruebas: Al desarrollar aplicaciones web, usa el constructor de URL para crear y probar URLs antes de desplegar. Crea URLs con distintas combinaciones de parámetros de consulta para verificar que tu aplicación gestiona correctamente las distintas entradas.
- Depuración y análisis de URLs: Descompón URLs complejas introduciendo sus componentes en el constructor para entender cómo están estructuradas. Útil para depurar URLs mal formadas, entender destinos de redirección o verificar la codificación de URLs.
- Construcción de URLs de campaña: Crea URLs de campaña con etiquetas UTM añadiendo utm_source, utm_medium, utm_campaign y otros parámetros de seguimiento como componentes de la cadena de consulta. El constructor gestiona la codificación para que tus URLs de campaña siempre tengan el formato correcto.
- Generación de documentación de API: Genera URLs de ejemplo para documentación de API ensamblando el protocolo, el host, la ruta y los parámetros de consulta. El constructor produce URLs limpias y bien formateadas que se pueden incluir directamente en documentación o tutoriales.
- Aprender la estructura de las URLs: Aprende cómo se estructuran las URLs creándolas componente a componente. El constructor separa visualmente cada parte de la URL - protocolo, host, puerto, ruta, cadena de consulta y fragmento - lo que facilita entender la anatomía de una URL.
¿Qué es una URL?
Una URL (localizador uniforme de recursos) es la dirección que se usa para acceder a recursos en internet. Consta de varios componentes: el protocolo (o esquema) que define cómo comunicarse (https, http, ftp), el host que identifica el servidor, un número de puerto opcional, la ruta al recurso concreto, una cadena de consulta opcional con parámetros clave-valor y un fragmento (hash) opcional que apunta a una sección concreta.
Cómo funciona nuestro constructor de URL
El constructor de URL toma cada componente de una URL y los ensambla en una cadena de URL con el formato correcto. El protocolo, el host y el puerto forman el origen. La ruta, los parámetros de consulta y el fragmento se añaden con los separadores correctos ( / , ? , # ). Las claves y los valores de los parámetros de consulta se codifican automáticamente con encodeURIComponent() . La URL se reconstruye al instante al modificar cualquier componente, con validación de errores en vivo.
Componentes de la URL explicados
Protocolo : determina cómo se comunica el navegador con el servidor. Los protocolos habituales son https (web segura), http (web), ftp (transferencia de archivos) y ws/wss (WebSocket). Host : el nombre de dominio o la dirección IP del servidor. Puerto : un número de 0 a 65535 que identifica un servicio concreto del servidor (valores por defecto: 80 para http, 443 para https). Ruta : la ubicación del recurso en el servidor. Parámetros de consulta : pares clave-valor que se envían al servidor para filtrar, buscar o hacer seguimiento. Fragmento : una referencia del lado del cliente a una sección dentro de la página.
Privacidad, seguridad y disponibilidad
Tu privacidad es nuestra prioridad. El constructor de URL procesa todos los componentes de la URL íntegramente dentro de tu navegador con JavaScript del lado del cliente. Ninguna URL, host ni parámetro de consulta se envía jamás a nuestros servidores ni se almacena en ningún lugar. Toda la construcción de URLs ocurre al instante y sin peticiones de red. La herramienta es totalmente gratuita, sin registro, sin claves de API y sin ningún tipo de límite de uso.
Preguntas frecuentes
Una URL (localizador uniforme de recursos) es la dirección que se usa para acceder a recursos en internet. Consta de un protocolo (https://), un host (example.com), un puerto opcional (:8080), una ruta (/page), una cadena de consulta opcional (?clave=valor) y un fragmento opcional (#seccion). El constructor de URL te permite montar cada componente por separado.
Un constructor de URL te ayuda a crear URLs con el formato correcto sin preocuparte por la codificación, los separadores y la sintaxis. Resulta especialmente útil para construir endpoints de API con parámetros de consulta, crear URLs de campaña UTM, depurar URLs mal formadas y aprender cómo se estructuran las URLs.
Sí. Las claves y los valores de los parámetros de consulta se codifican automáticamente con la función encodeURIComponent() de JavaScript. Esto garantiza que caracteres especiales como espacios, ampersands e interrogaciones en los valores se escapen correctamente y no rompan la estructura de la URL.
El constructor de URL admite los protocolos más comunes: https, http, ftp, sftp, ws (WebSocket) y wss (WebSocket seguro). Selecciona cualquier protocolo en el desplegable para crear URLs de distintos tipos de recursos de internet.
Sí. Los parámetros de consulta son opcionales. Simplemente deja vacía la sección de parámetros de consulta y el constructor creará una URL limpia sin cadena de consulta. Añade parámetros solo cuando los necesites para llamadas a API, seguimiento o filtrado.
Sí, el constructor de URL es totalmente gratuito. No hay límites de uso, no hace falta registrarse ni usar claves de API. Toda la construcción de URLs ocurre localmente en tu navegador y no se envía ningún dato a ningún servidor.
El fragmento, también llamado hash, es la parte de una URL que aparece después del símbolo #. Se usa para referenciar una sección concreta dentro de una página web. A diferencia de los parámetros de consulta, el fragmento lo procesa el navegador en el lado del cliente y no se envía al servidor cuando se solicita la página.
Sí. El constructor de URL admite localhost y direcciones IP como host. Puedes crear URLs como http://localhost:3000/api/users o http://127.0.0.1:8080/path para desarrollo y pruebas locales.