Cookbooks
TypeScript
Kapitel 11. HTML und das Web
HTTP-Anfragen mit Basisauthentifizierung senden

TypeScript:
HTTP-Anfragen mit Basisauthentifizierung senden

So geht’s:

Verwenden Sie axios oder eine native fetch-Implementierung in TypeScript, um Basisauthentifizierung durchzuführen. Axios-Beispiel:

import axios from 'axios';

const url = 'https://meine-api.de/daten';
const username = 'meinUsername';
const password = 'meinPasswort';
const basicAuth = 'Basic ' + Buffer.from(username + ':' + password).toString('base64');

axios.get(url, {
  headers: {
    'Authorization': basicAuth
  }
})
.then(response => {
  console.log(response.data); // Erfolgreiche Antwort hier handhaben
})
.catch(error => {
  console.error('Authentifizierungsfehler:', error); // Fehlerbehandlung
});

Verwendung mit fetch:

const url = 'https://meine-api.de/daten';
const username = 'meinUsername';
const password = 'meinPasswort';
const basicAuth = 'Basic ' + btoa(username + ':' + password);

fetch(url, {
  method: 'GET',
  headers: {
    'Authorization': basicAuth
  }
})
.then(response => response.json())
.then(data => {
  console.log(data); // Erfolgreiche Antwort hier handhaben
})
.catch(error => {
  console.error('Authentifizierungsfehler:', error); // Fehlerbehandlung
});

Vertiefung

Basisauthentifizierung ist eine altbewährte Methode, die aufgrund ihrer Einfachheit in vielen alten und einigen modernen Systemen verwendet wird. Heutzutage gibt es sicherere Alternativen, wie OAuth und Tokenbasierte Authentifizierung, die besonders für öffentliche APIs bevorzugt werden. Die Basisauthentifizierung sendet Anmeldedaten in Base64 enkodiert, was nicht als sicher gilt, wenn es nicht über HTTPS erfolgt.

Siehe auch:

Einen HTTP-Request senden