Hoe Protocol, Domein en Poort uit URL Extraheren?

JavaScript Gebruiken om Protocol te Verkrijgen

Om het protocol uit een URL in JavaScript te extraheren, kun je het URL-object gebruiken:

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

Deze functie creëert een URL-object van de gegeven URL-string en retourneert het protocol. Het protocol bevat de dubbele punt aan het einde, zoals "http:" of "https:".

Voor een eenvoudige benadering kun je stringmanipulatie gebruiken:

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

Deze methode splitst de URL bij de eerste dubbele punt en neemt het eerste deel, wat het protocol is.

Bij het omgaan met verschillende protocoltypes, onthoud:

• HTTP en HTTPS zijn gangbaar voor web-URL's.
• Andere protocollen zijn onder meer FTP, mailto en file.
• Sommige URL's hebben mogelijk geen protocol (protocol-relatieve URL's).

Om verschillende gevallen af te handelen:

function getProtocolSafe(url) {
  if (url.startsWith('//')) {
    return 'https'; // Neem HTTPS aan voor protocol-relatieve URL's
  }
  const match = url.match(/^([a-z]+):/i);
  return match ? match[1].toLowerCase() : null;
}

Deze functie controleert op protocol-relatieve URL's, gebruikt een reguliere expressie om het protocol te vinden en retourneert het in kleine letters. Als er geen protocol wordt gevonden, retourneert het null.

JavaScript-technieken voor Domeinextractie

URL-object gebruiken

Het URL-object in JavaScript helpt bij het extraheren van de domeinnaam:

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

Deze functie creëert een URL-object en retourneert de hostname-eigenschap. Bijvoorbeeld:

const url = 'https://www.example.com:8080/path?query=value';
console.log(getDomain(url)); // Output: www.example.com

Deze methode werkt met URL's die subdomeinen of IP-adressen hebben.

Reguliere expressie voor domeinextractie

Voor meer controle of wanneer het URL-object niet beschikbaar is, kun je een reguliere expressie gebruiken:

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

Deze op regex gebaseerde functie:

• Werkt met of zonder het protocol
• Behandelt URL's met of zonder 'www'
• Extraheert de domeinnaam tot de eerste slash, dubbele punt of vraagteken

Voorbeeldgebruik:

const url1 = 'https://subdomain.example.com/path';
const url2 = 'http://www.test-site.co.uk:8080/path';

console.log(getDomainRegex(url1)); // Output: subdomain.example.com
console.log(getDomainRegex(url2)); // Output: test-site.co.uk

Beide methoden extraheren domeinnamen uit URL's in JavaScript. De URL-objectmethode is eenvoudig en werkt voor de meeste gevallen, terwijl de regex-benadering meer flexibiliteit biedt voor complexe URL-structuren.

Methoden om Poortinformatie te Verkrijgen

Om het poortnummer uit een URL te extraheren, kun je JavaScript's URL-object gebruiken:

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

Deze functie retourneert de poort als deze in de URL staat, of null als dat niet het geval is.

Voor URL's zonder poort kun je de standaardpoort verkrijgen op basis van het protocol:

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;
  }
}

Deze functie retourneert de poort indien aanwezig, of de standaardpoort voor veelvoorkomende protocollen.

Standaardpoortnummers voor veelvoorkomende protocollen:

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

Voor URL's met poorten is de poort eenvoudig te extraheren:

const url1 = 'https://example.com:8080/path';
console.log(getPort(url1)); // Output: 8080

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

Bij het omgaan met URL's zonder poorten:

const url3 = 'https://example.com/path';
console.log(getPortWithDefault(url3)); // Output: 443

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

Deze methoden laten je poortinformatie uit URL's extraheren, of de poort nu expliciet wordt vermeld of geïmpliceerd wordt door het protocol.