TypeScript:
Wysyłanie zapytania http z podstawową autoryzacją

How to: (Jak to zrobić:)

import axios from 'axios';

async function fetchWithBasicAuth(url: string, username: string, password: string) {
  const response = await axios.get(url, {
    auth: {
      username: username,
      password: password,
    },
  });
  return response.data;
}

// Użycie funkcji - wpisz swoje dane zamiast 'twojaNazwa' i 'twojeHasło'.
fetchWithBasicAuth('https://api.example.com/data', 'twojaNazwa', 'twojeHasło')
  .then(data => console.log(data))
  .catch(error => console.error('Error fetching data:', error));

Wyjście zależy od API, ale zobaczysz odpowiedź w konsoli.

Deep Dive (Dogłębna Analiza)

Autoryzacja podstawowa (Basic Authentication) to stary, ale prosty sposób na uwierzytelnienie w protokole HTTP. Użytkownik przesyła nazwę i hasło zakodowane w base64 w nagłówku żądania. Mimo prostoty, metoda jest mniej bezpieczna niż nowsze mechanizmy, więc używaj przy zabezpieczonych połączeniach (HTTPS).

Alternatywą jest OAuth, tokeny JWT itp., które zapewniają większe bezpieczeństwo i elastyczność.

Detal implementacji: TypeScript (i JavaScript) nie mają wbudowanych funkcji do HTTP, więc często używa się bibliotek jak axios. Axios automatycznie zakoduje dane username i password i doda je do nagłówków.

See Also (Zobacz również)

• Dokumentacja Axios: https://github.com/axios/axios
• Bezpieczeństwo Basic Authentication: https://tools.ietf.org/html/rfc7617
• O alternatywach: OAuth https://oauth.net/ i JWT https://jwt.io/