Пример кода

Теперь, когда мы подключили регистрацию и авторизацию, давай попробуем зарегистрировать нового пользователя и авторизовать его.

Для проверки регистрации и авторизации, я создал пример в Codesandbox

Регистрация

Для отправки запроса на регистрацию, достаточно выполнить следующий код:

const res = await fetch("https://9303851354d5e8f0.mokky.dev/register", {
  method: "POST",
  headers: {
    Accept: "application/json",
    "Content-Type": "application/json"
  },
  body: JSON.stringify({
    fullName: "Вася Пупкин",
    email: "user@test.com",
    password: "123456"
  })
});

Авторизация

Всё то же самое, что и с регистрацией, только вместо /register указываем /auth в URL

И в запросе передать email и password, чтобы произвести авторизацию.

const res = await fetch("https://9303851354d5e8f0.mokky.dev/auth", {
  method: "POST",
  headers: {
    Accept: "application/json",
    "Content-Type": "application/json"
  },
  body: JSON.stringify({
    email: "user@test.com",
    password: "123456"
  })
});

Успешный ответ

Если регистрация или авторизация прошла успешно, сервер вернёт пользователя + токен.

{ 
  token: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9...",
  data: {
    id: 2,
    fullName: "Вася Пупкин",
    email: "user@test.com"
  }
}

Важно! Данный токен необходим сохранить в Cookies или LocalStorage, чтобы в дальнейшем обращаться к защищённым ресурсам.

Все статусы

При отправке запроса на регистрацию или авторизацию, мы получим один из статусов:

Статус

Описание

200 OK

авторизация/регистрация успешна. В ответ вернётся токен и сам юзер { token: string, data: User }

404 Not found

пользователь не найден

403 Forbidden

аутентификация отключена

PreviousЗащита ресурсов NextОбращение к защищенным ресурсам

Last updated 1 year ago