¿Cómo extraer protocolo, dominio y puerto de una URL?

Uso de JavaScript para obtener el protocolo

Para extraer el protocolo de una URL en JavaScript, puedes usar el objeto URL:

function getProtocol(url) {
  const urlObject = new URL(url);
  return urlObject.protocol;
}

Esta función crea un objeto URL a partir de la cadena de URL dada y devuelve el protocolo. El protocolo incluye el colon al final, como "http:" o "https:".

Para un enfoque básico, puedes usar manipulación de cadenas:

function getProtocolSimple(url) {
  return url.split(':')[0];
}

Este método divide la URL en el primer colon y toma la primera parte, que es el protocolo.

Al manejar diferentes tipos de protocolos, recuerda:

• HTTP y HTTPS son comunes para URLs web.
• Otros protocolos incluyen FTP, mailto y file.
• Algunas URLs pueden no tener protocolo (URLs relativas al protocolo).

Para manejar varios casos:

function getProtocolSafe(url) {
  if (url.startsWith('//')) {
    return 'https'; // Asumir HTTPS para URLs relativas al protocolo
  }
  const match = url.match(/^([a-z]+):/i);
  return match ? match[1].toLowerCase() : null;
}

Esta función verifica las URLs relativas al protocolo, usa una expresión regular para encontrar el protocolo y lo devuelve en minúsculas. Si no se encuentra un protocolo, devuelve null.

Técnicas de JavaScript para la extracción de dominio

Usando el objeto URL

El objeto URL en JavaScript ayuda a extraer el nombre de dominio:

function getDomain(url) {
  const urlObject = new URL(url);
  return urlObject.hostname;
}

Esta función crea un objeto URL y devuelve su propiedad hostname. Por ejemplo:

const url = 'https://www.ejemplo.com:8080/ruta?consulta=valor';
console.log(getDomain(url)); // Salida: www.ejemplo.com

Este método funciona con URLs que tienen subdominios o direcciones IP.

Expresión regular para la extracción de dominio

Para más control o cuando el objeto URL no está disponible, puedes usar una expresión regular:

function getDomainRegex(url) {
  const match = url.match(/^(?:https?:\/\/)?(?:[^@\n]+@)?(?:www\.)?([^:\/\n?]+)/im);
  return match ? match[1] : null;
}

Esta función basada en regex:

• Funciona con o sin el protocolo
• Maneja URLs con o sin 'www'
• Extrae el nombre de dominio hasta la primera barra, colon o signo de interrogación

Ejemplo de uso:

const url1 = 'https://subdominio.ejemplo.com/ruta';
const url2 = 'http://www.sitio-prueba.co.uk:8080/ruta';

console.log(getDomainRegex(url1)); // Salida: subdominio.ejemplo.com
console.log(getDomainRegex(url2)); // Salida: sitio-prueba.co.uk

Ambos métodos extraen nombres de dominio de URLs en JavaScript. El método del objeto URL es simple y funciona para la mayoría de los casos, mientras que el enfoque de regex ofrece más flexibilidad para estructuras de URL complejas.

Métodos para obtener información del puerto

Para extraer el número de puerto de una URL, puedes usar el objeto URL de JavaScript:

function getPort(url) {
  const urlObject = new URL(url);
  return urlObject.port || null;
}

Esta función devuelve el puerto si está en la URL, o null si no lo está.

Para URLs sin puerto, puedes obtener el puerto predeterminado basado en el protocolo:

function getPortWithDefault(url) {
  const urlObject = new URL(url);
  if (urlObject.port) {
    return urlObject.port;
  }
  switch (urlObject.protocol) {
    case 'http:':
      return '80';
    case 'https:':
      return '443';
    case 'ftp:':
      return '21';
    default:
      return null;
  }
}

Esta función devuelve el puerto si está presente, o el puerto predeterminado para protocolos comunes.

Números de puerto predeterminados para protocolos comunes:

• HTTP: 80
• HTTPS: 443
• FTP: 21
• SFTP: 22
• SMTP: 25
• POP3: 110

Para URLs con puertos, el puerto es fácil de extraer:

const url1 = 'https://ejemplo.com:8080/ruta';
console.log(getPort(url1)); // Salida: 8080

const url2 = 'http://localhost:3000';
console.log(getPort(url2)); // Salida: 3000

Al manejar URLs sin puertos:

const url3 = 'https://ejemplo.com/ruta';
console.log(getPortWithDefault(url3)); // Salida: 443

const url4 = 'http://ejemplo.org';
console.log(getPortWithDefault(url4)); // Salida: 80

Estos métodos te permiten extraer información del puerto de URLs, ya sea que el puerto esté declarado o implícito por el protocolo.