Поток токен-аутентификации
#**Краткий способ написать fetch-вызовы**
В секции Beginner каждый запрос через fetch использовал две отдельные строки `await`:
```javascript
const response = await fetch(url);
const data = await response.json();
```
Далее вы также увидите однострочную сокращённую запись с `.then()`:
```javascript
const data = await fetch(url).then(r => r.json());
```
Эти два записи равнозначны. `.then(r => r.json())` — это колбэк, прикреплённый напрямую к Promise, возвращаемому `fetch()`. Когда сервер отвечает, `.then()` немедленно вызывает `r.json()` и возвращает новый Promise. Внешний `await` ждёт выполнения этого JSON Promise.
Сокращённая запись удобна, когда не нужно проверять `response.status` или `response.ok` перед чтением тела. Когда нужна проверка ошибок, используйте двухшаговый вариант — он даёт доступ к `response` до чтения тела:
```javascript
const response = await fetch(url);
if (!response.ok) throw new Error(`HTTP ${response.status}`);
const data = await response.json();
```
---
Токен-аутентификация работает в два шага: получить токен один раз, затем включать его в каждый последующий запрос.
**Шаг 1 — Зарегистрировать нового пользователя:**
```javascript
const response = await fetch('https://apilearn.tukas.dev/api/auth/register/', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({
username: 'alice42',
email: '[email protected]',
password: 'SecurePass123!',
}),
});
const data = await response.json();
console.log(data.token); // токен возвращается сразу при регистрации
```
**Шаг 2 — Или войти для получения токена существующего аккаунта:**
```javascript
const response = await fetch('https://apilearn.tukas.dev/api/auth/token/', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ username: 'alice42', password: 'SecurePass123!' }),
});
const { token } = await response.json();
```
**Шаг 3 — Использовать токен в заголовке `Authorization`:**
```javascript
const headers = {
'Authorization': `Token ${token}`,
'Content-Type': 'application/json',
};
const profile = await fetch('https://apilearn.tukas.dev/api/users/profile/', {
headers,
}).then(r => r.json());
console.log(profile.username);
```
Токен не истекает — сохраняйте и переиспользуйте его между запросами. Формат заголовка `Authorization` — ровно `Token <token>` (с заглавной T, пробел, затем значение токена).