Книги
TypeScript
Глава 11. HTML и веб
Отправка HTTP-запроса с базовой аутентификацией

TypeScript:
Отправка HTTP-запроса с базовой аутентификацией

Как это сделать: 

import axios from 'axios';

// кодируйте ваше имя пользователя и пароль
const token = Buffer.from('ваше_ИмяПользователя:ваш_Пароль').toString('base64');
const url = 'https://your.api/endpoint';

// настройка HTTP-запроса с Axios
axios.get(url, {
  headers: {
    'Authorization': `Basic ${token}`
  }
})
.then(response => {
  console.log(response.data); // это ваш ожидаемый результат
})
.catch(error => {
  console.error("Упс, что-то пошло не так!", error);
});

Пример вывода:

{ "message": "Вы внутри! Добро пожаловать в тайный мир API." }

Подробный анализ

Когда-то, до появления OAuth и JWT, базовая аутентификация была самым распространённым методом. Она все еще удобна для внутренних инструментов или доказательства концепции (Proof of Concepts, PoCs). Идея проста: добавляется заголовок ‘Authorization’, используется ‘Basic ’ + base64 закодированные ‘имя пользователя:пароль’. Вуаля, вы прошли через врата.

Но не всё так радужно. Есть риски - если вы не используете HTTPS, вы фактически кричите свои учетные данные вслух. Альтернативы? OAuth2 токены, JWT, API ключи - это как более сильные, немые типы. Они выполняют похожие функции, но с большей сложностью и безопасностью.

При реализации базовой аутентификации в TypeScript обычным выбором являются axios или fetch. В нашем случае axios облегчает установку пользовательских заголовков. К тому же, он возвращает промисы, делая его мечтой для использования с async/await.

Имейте в виду: ‘Basic’ скоро покажет свой возраст в современном вебе, где HTTPS является необходимостью, а стандарты безопасности выше. Тем не менее, для внутренних сетей или там, где высшая безопасность не критична, это просто.

Смотрите также

Для более подробной информации об методах аутентификации и лучших практиках безопасности:

Отправка HTTP-запроса