Böcker
TypeScript
Kapitel 11. HTML och webben
Skicka en HTTP-förfrågan med Basic-autentisering

TypeScript:
Skicka en HTTP-förfrågan med Basic-autentisering

Steg för steg: 

import axios from 'axios';

async function fetchDataWithBasicAuth(url: string, username: string, password: string) {
  const token = Buffer.from(`${username}:${password}`).toString('base64');
  try {
    const response = await axios.get(url, {
      headers: {
        'Authorization': `Basic ${token}`
      }
    });
    console.log(response.data);
  } catch (error) {
    console.error('Authentication failed:', error);
  }
}

// Använd funktionen som så här:
const apiUrl = 'https://example.com/data';
const username = 'myUsername';
const password = 'myPassword';
fetchDataWithBasicAuth(apiUrl, username, password);

Eventuell utdata:

{ "hemligData": "Världen är en ostron." }

Fördjupning:

Basic Authentication är en gammal metod, definierad i HTTP/1.0 och sen uppdaterad i RFC 7617, som kräver att användarnamn och lösenord skickas med varje förfrågan, vilket är mindre säkert jämfört med moderna metoder som OAuth 2.0. Av detta skäl används det sällan för nya applikationer, men det kan fortfarande ses i äldre system eller för enkla integrationer där hög säkerhet inte är prioriterad. När du implementerar Basic Authentication i TypeScript, använd bibliotek som axios för HTTP-förfrågningar och skydda alltid dina källor genom att hålla känslig information som användarnamn och lösenord utanför koden, helst i miljövariabler.

Se även:

Skicka en http-förfrågan