Продвинутая JWT авторизация на React и Node js. Access, refresh, активация по почте
Рет қаралды 513,590
Күн бұрынВ этом ролике мы разберем всю теорию связанную с JWT авторизацией и реализуем JWT access, refresh авторизацию на node js и react. Также реализуем подтверждение почты. Активация почты на node js.
Мой курс "Продвинутый Frontend. В production на React" - ulbitv.ru/frontend
Исходный код урока здесь ➝ t.me/ulbi_tv
Полезные ссылки ↓
Авторизация и роли пользователя БЫСТРЫЙ КУРС ➝ • Простая авторизация на...
Что такое MiddleWare ➝ • Middleware. Что такое ...
MobX БЫСТРЫЙ КУРС ➝ • Mobx & React Полный ку...
Backend для начинающих ➝ • Backend для начинающих...
MongoDB полный курс ➝ • Mongo DB ПОЛНЫЙ КУРС
Таймкоды:
00:00 ➝ Введение
01:30 ➝ JWT теория
07:30 ➝ [СЕРВЕР] Начало разработки
11:10 ➝ [СЕРВЕР] Создание базы данных MongoDB
13:40 ➝ [СЕРВЕР] Структура проекта
14:10 ➝ [СЕРВЕР] Схема и модель данных. User, Token.
16:55 ➝ [СЕРВЕР] Роутинг, маршрутизация, ендпоинты
18:40 ➝ [СЕРВЕР] UserController
21:40 ➝ [СЕРВЕР] Регистрация пользователя
26:59 ➝ [СЕРВЕР] Генерация JWT access, refresh токенов
36:44 ➝ [СЕРВЕР] PostMan. Тестирование функции регистрации
38:10 ➝ [СЕРВЕР] Отправка письма подтверждения на почту
43:40 ➝ [СЕРВЕР] Функция активации аккаунта
46:50 ➝ [СЕРВЕР] Мидлвейр для обработки ошибок. Error handler
52:59 ➝ [СЕРВЕР] Валидация тела запроса
55:40 ➝ [СЕРВЕР] Функция логина
58:46 ➝ [СЕРВЕР] Функция логаута
01:01:40 ➝ [СЕРВЕР] Функция для обновления токена (refresh)
01:05:50 ➝ [СЕРВЕР] Функция для получения пользователей
01:06:40 ➝ [СЕРВЕР] Middleware, проверяющий токен
01:12:35 ➝ [КЛИЕНТ] Начало разработки
01:13:59 ➝ [КЛИЕНТ] Настраиваем axios
01:14:59 ➝ [КЛИЕНТ] Interceptors и добавление токена к запросу
01:18:05 ➝ [КЛИЕНТ] AuthService, UserService
01:22:40 ➝ [КЛИЕНТ] Компонент LoginForm
01:23:59 ➝ [КЛИЕНТ] MobX и глобальный стейт
01:31:30 ➝ [КЛИЕНТ] Проверяем, авторизован ли пользователь
01:38:59 ➝ [КЛИЕНТ] Активация аккаунта
01:40:59 ➝ [КЛИЕНТ] Interceptors и обновление access токена
Мой канал в telegram и канал для общения подписчиков - t.me/ulbi_tv
Поддержать меня и мой канал вы можете по ссылкам ниже.
Patreon/boosty (доступ к бонусам) - boosty.to/ulbitv
Qiwi кошелек ➝ qiwi.com/n/BODYE821
Яндекс деньги ➝ yoomoney.ru/to/4100116193037469
@UlbiTV 3 жыл бұрын
Таймкоды в описании, всем приятного просмотра :) Также оставляем идеи для следующих роликов в комментариях!
@user-tg1je2vj1c 3 жыл бұрын
Тимур, ты прям по заказу.
@topsportsevents6014 3 жыл бұрын
Сделай видио с Twilo в связке с react . Чаты интересуют в этой либе .
@mip1992 3 жыл бұрын
Спасибо огромное, домой приду и сяду пилить)))
@Nikitosss91 3 жыл бұрын
Сделай с фаербейз какой-нибудь круд проект
@taras7844 3 жыл бұрын
Там фанаты ждут от вас чата, на 4 сокетах
@dmitriiforofontov7326 2 жыл бұрын
Даже за год после выхода, никто из авторов не смог догнать эту тему по качеству... Браво
@Pride46Mr Жыл бұрын
за два)))
@arsen0583 Жыл бұрын
@@Pride46Mr факт
@user-lz1wb8yr1q 11 ай бұрын
@@arsen0583 на 36 минуте создается кука с токеном. зачем?
@arsen0583 11 ай бұрын
@@user-lz1wb8yr1q он создаётся чтобы обновлять аксесс токен
@webworker7955 10 ай бұрын
@@user-lz1wb8yr1q refreshToken в cookies сохраняется
@user-dg2zd4hu6t 3 жыл бұрын
Одни из лучших роликов на Ютубе по данной тематике. Канал с таким контентом полюбому перевалит за 100к, удачи автору, надеюсь не бросишь свое благое дело
@romanryaboshtan9270 3 жыл бұрын
Согласен, тут будет больше 100к
@budlo4216 2 жыл бұрын
@@romanryaboshtan9270 есть такое
@karis7539 2 жыл бұрын
я из будущего. тут больше 100к
@NikCevich Жыл бұрын
уже больше 150к)
@xrabell4837 Жыл бұрын
уже 201к)
@Dim4uk 2 жыл бұрын
Спасибо большое за титанический труд. Я прям радуюсь когда по моему поисковому запросу есть твои видео, я тогда уверен, что задача почти готовая )
@user-gs7ro3tl9t 2 жыл бұрын
Очень грамотная подача материала. Огромное спасибо вам за ваш труд! Это очень полезный контент на все времена!
@dmitrygorbatikov 3 жыл бұрын
Раньше, когда был кипятильником, смотрел видосы Владлена Минина. Но когда дорос до чайника, пора бы знать как делается нормальная авторизация, спасибо ❤️ а то у меня акцесс токен генерировался, ставил на час, всё крашилось, выскакивала ошибка "нет авторизации" и приходилось убирать поле expiresin, чтобы эти ошибки меня не бесили
@user-jh6oc2gi6c 3 жыл бұрын
Ваши видео лучшее что есть) цените время зрителя и лаконично подаете, Спасибо большое, за труд)
@aleks44619 2 жыл бұрын
Большое спасибо за труд. Конечно, за один присест такой объем осилить было немного сложно, но в этом и ценность, что вся информация собрана неким экстрактом в одном месте. Лучшая информация, лучшие ролики, без воды, отлично структурирована. Теперь у меня просто нет опции не выучить это. Спасибо!
@anastasya2399 2 жыл бұрын
Спасибо за такое подробное объяснение! Все делала вместе с видео, досмотрела до конца. Очень полезно! Один из лучших каналов на ютубе!
@victormog 3 жыл бұрын
Ещё не посмотрел, но респект за то, что прислушиваешься к пожеланиям!!! Буду смотреть с параллельным воспроизведением кода...
@user-zk3bc1lf8k 3 жыл бұрын
Спасибо громаднейшее , Тимур! Вижу уже , что ролик пушечный!!!!!! 💣💥
@user-xd7ns9xi1t 2 жыл бұрын
Пояснение процессов с помощью рисунков в paint - это идеально! Максимально просто, понятно и доступно! И про токены и про хэши, wow!
@Denis-rv5kg Жыл бұрын
Для тех у кого возникнут проблемы с отправкой письма. Google изменил некоторые правила доступа для не безопасных приложений, теперь нужно: 1. Активировать в учетной записи двухэтапную аутентификацию, проверить почту и подтвердить. 2. Создать пароль приложения, все там же в настройках аккаунта, эта опция станет доступна после включения двухэтапной аутентификации, скопировать и вставить полученый пароль в файл .env в переменную SMTP_PASSWORD=ВАШ_ПАРОЛЬ. Автору огромное спасибо за контент.
@devacc8097 Жыл бұрын
От души!
@etemax Жыл бұрын
у меня еще вот здесь не срабатывает const candidate = await UserModel.findOne({ email }); if (candidate) { throw ApiError.BadRequest( `Пользователь с почтовым адресом ${email} уже существует` ); } если почту, которая уже существует отправляю, виснет
@jutablane Жыл бұрын
Thanks!
@maxmorrison5610 4 ай бұрын
Лучший!
@user-xb7wq5kp5l 3 жыл бұрын
прошелся по таймкодам - уже жирнейший лайк. практически всё щупал по отдельности, но хорошо структурированная инфа - всегда полезнее. предвкушаю вдумчивый просмотр :)
@falsetrue7910 3 жыл бұрын
Просто нет слов, Тимур, досмотрел ролика до конца, даешь людям знания, топ гайд по JWT авторизации!
@ilyaprotsenko1023 2 жыл бұрын
Досмотрел до конца, а так же практиковался на каждом этапе этого видео. Спасибо за твой труд!) Очень помогаешь в развитии)
@BashkatovAleksei 11 ай бұрын
Досмотрел до конца! Повторил шаг за шагом и всё получилось! Спасибо огромное!!! Урок - огонь!!! Ещё раз - спасибо за твой труд!!!
@nickolaizein7465 3 жыл бұрын
Спасибо огромное за труд! Такие видео - это как раз то, чего не хватает, когда ты знаешь теорию, можешь написать "hello world" по ней, но на больших проектах начинаешь пугаться и тупить. А после полноценного приложения от А до Я, паника уходит. Спасибо Вам большое!
@itpro952 3 жыл бұрын
Тимур, досмотрел до конца на х2, видео очень полезное, потом буду уже детально вникать, пересмотрю и попробую реализовать сам, очень хороший справочник получился
@user-ov2vz8ln3i Жыл бұрын
Просто нет слов... Действительно один из лучших каналов для разработки с практикой!!!! Спасибо тебе))))
@gephest_ua 2 жыл бұрын
Один из лучших русскоязычных каналов. Минимум воды - максимум информации!
@denisputnov 3 жыл бұрын
Это однозначно самый лучший контент по JavaScript, который я видел в интернете за год обучения. Автор умеет удивлять, умеет подбирать контент и никогда не даёт лишней информации и воды, за что огромный респект. Такой труд очень дорогого стоит. Если будет какой-то курс, то я точно буду первым в списке покупателей.
@anazkomult 3 жыл бұрын
Шикарный урок! JWT, Nodejs, React.... Тимур, огромное спасибо!
@user-pc5td9nb4u 2 жыл бұрын
Ролик просто бомба огонь, ты все разжевал за нас, нам осталось лишь косточки выплюнуть, СПААСИБО БОЛЬШОЕ. Моя цель посмотреть все твои ролики, твой вклад в обучение других людей просто огромный!!
@victormog 3 жыл бұрын
За валидацию отдельное спасибо! (Пытался самостоятельно прикручивать её в _"ИНТЕРНЕТ МАГАЗИН С НУЛЯ",_ но в этом примере всё проще и красивее!)
@user-ge4ne1op4o 3 жыл бұрын
это то что мне нужно было, огромное спасибо мужик
@TheVakin213 Жыл бұрын
Вернулся к видео во второй раз спустя время и с большим пониманием. Как же хорошо всё-таки сделано видео, прямо во всех деталях описан процесс. Респект
@linmus2370 2 жыл бұрын
This is hands-down the best comprehensive tutorial on JWT authentication I've ever come across on KZfaq. Thanks a lot for going out of your way to make it!
@barbatage5078 3 жыл бұрын
Тимур, как обычно - инфа топ! Очень информативно! Спааааасииииибо!
@feynmaz 3 жыл бұрын
Отличное видео! Очень полезно. Большинство показывают только примитивные решения. Спасибо, что раскрыл продвинутую тему
@volodymyrsypko9729 2 жыл бұрын
Отлично! Еще никому не удавалось так сжато, но так подробно и понятно вместить эту инфу в такое время!!!
@antonrealfive 2 жыл бұрын
ролик и весь твой контент очень хорошо проработан. время зря не теряется, все по делу. молодец.
@fuad2069 3 жыл бұрын
Есть немало джуников, которые по сто раз прошли всю теорию, и им как раз нужны именно вот такие ролики, то есть практика и ещё раз практика. Спасибо за нужный контент, очень круто!!!! Делай побольше такого контента я обязательно буду тебя рекомендовать!!
@oops61rus 3 жыл бұрын
Отличный ролик, очень интересно. Кладезь полезной информации для бэкендеров. Были некоторые моменты, о которых знал только в общих чертах. Спасибо большое! Круто👍🏻
@andrrrew Жыл бұрын
Осилил до конца)) В начале хватаешься за голову, мать моя, сколько же тут всего!!! Зато когда все сделано, смотришь назад и думаешь, так в общем то всё понятно и просто. Естественно в первую очередь благодаря Тимуру)) Большое спаибо!)
@Ivan-nr1wk 2 жыл бұрын
Очень качественно и понятно изложенный материал! Все чётко и по полочкам! Куча полезной информации и в одном месте! Спасибо большое!
@sergeykechedzhiev5403 3 жыл бұрын
Полезное видео! Спасибо за проделанную работу, как всегда тема актуальная, все строго по делу и на простых примерах. 👍👏🙌🙏
@den_ph 2 жыл бұрын
Большое спасибо за качественный и понятный разбор темы! Было очень познавательно и полезно.
@talgatkulzhanov 2 жыл бұрын
UlbiTV чувак ты максимально полезен, краток, точен. Долгих лет счастливой жизни тебе!
@ltwixy Жыл бұрын
Ты просто лучший! Прошло 2 года, но твой туториал все еще актуальный! Круть, спасибо большое тебе😇
@progtime2000 3 жыл бұрын
Спасибо автору за проделаную работу, как всегда интересно и ни какой воды!!!
@feeelgoood 2 жыл бұрын
Я изучал материал этого ролика неделю и один день. Спасибо тебе, Тимур.
@pavloskuibida6292 2 жыл бұрын
Вже котрий раз переглядаю цей шедевр і з кожним разом знаходжу щось нове, з умінням приходе й розуміння цього відео. Дякую.
@focusnikful 3 жыл бұрын
Спасибо за ролик, как раз хотел разобраться более углублено в авторизации.
@maxzhenzhera 3 жыл бұрын
Вообще работаю с Python, было интересно узнать именно концепцию авторизации с JWT. Всё понял прекрасно, ролик замечательный. Видна тяжелая работа - вследствии заметен восхитительный результат. Всем удачи!
@MrRonnieJamesDio 2 жыл бұрын
Отличные видосы, важные темы разобраны и очень кратко без лишней воды.
@daniilyakavenka3849 7 ай бұрын
Теперь когда нужно разобраться в чем то новом начинаю поиск с твоей странички на ютубе, пока что все видео что посмотрел - идеальные объяснения и покрытие темы, очень круто, продолжай!
@user-yn8tc8ke3f 3 жыл бұрын
Лучшее видео... Помню в свое время никак не мог понять как работают эти токены, обыскал весь ютуб и гугл) везде примитивные примеры были с одним токеном. Посмотрю повторно не помешает :) а тебе спасибо за труд
@Grapeoff 3 жыл бұрын
Да там нет ничего такого сложного на самом деле, но объяснения на всяких хабрах и правда такие себе, и конкретной и понятной реализации я в этих статьях не увидел
@yakut54 3 жыл бұрын
То что как раз не хватало! Спасибо за науку.
@mikmez01 Жыл бұрын
Мое почтение! Лучший ру канал про js и сети что я знаю. Огромное количество полезных и глубоких видео
@begovik9866 2 жыл бұрын
Ну шо сказать, умный парень, кратко, ёмко, а главное хорошо структурировано, включая межвидосную перелинковку! Спасибо за качественный контент!
@matveiseliverstov3009 3 жыл бұрын
Очень классный видеоролик, сделай видос про подключение оплаты к сайту, типо с нуля, как добавить возможность оплаты, таких роликов я не видел, а у тебя получается понятным языком объяснять непонятные вещи, короче, было бы классно, ну а так , как всегда лайк, продолжай в том же духе.
@etemax Жыл бұрын
не нашел ничего подобного спустя год? тоже интересна эта тема
@konstantin6524 3 жыл бұрын
Как обычно прекрасный видос! Информация подана прекрасно, такого уровня контент мало где встретишь, ты большой молодец! Было бы очень классно, если бы ты сделал видос с каким-то простеньким приложением от а до я со всеми архитектурными, структурными моментами и деплоем: например идеальная кастомная обработка ошибок на все запросы, о, почему тут лучше так, а не вот так и прочее. Удачи!
@kolumbieclol 2 жыл бұрын
Огромное спасибо за твой труд. Один из лучших обучающих каналов по программированию в Российском сегменте.
@victorklimov5254 2 жыл бұрын
Автору огромная благодарность! Такой подробный и насыщенный материал - золото!
@armenarakelyan2676 3 жыл бұрын
Давай лайфкодим проект среднего уровня до продакшн со всеми этапами!!!! Ты молодец бро.
@user-rl7ly3cz6g 3 жыл бұрын
+++
@andreyzhukov2821 3 жыл бұрын
Привет! Как раз вовремя! Спасибо! Лайк авансом!
@aliskhankhutiev 4 ай бұрын
Спасибо, Тимур, за подробный гайд по jwt авторизации! Я новичок в backend. До просмотра этого видео посмотрел твои другие ролики по backend и jwt авторизации, которые ты оставил в описании. Все понятно и доступно.
@vladislavkhomchenko1718 Жыл бұрын
Как всегда урок на высоте. Благодарю от всего сердца за проделанную работу!
@user-zk8dc8dx2y 3 жыл бұрын
Досмотрел до конца, красава👍 Осталось все изучить, но это уже дольше чем 2 часа☺️
@ArtOfFun 3 жыл бұрын
На одном дыхании посмотрел)
@omega-workshop 2 жыл бұрын
Твои ролики просто чудо. Спасибо человеку который упомянул тебя в комментах под роликом одного "полезного" курса. Обязательно вспомню о тебе когда начну грести бабло на галере!😁
@MaximZyatnin 2 жыл бұрын
чувак, ты крутейший! Не нужны никакие обучалки, когда есть твои! Keep up👍🏻
@Polite_person_ 3 жыл бұрын
Огонь, как раз то что нужно, спасибо огромное !!!
@ArtOfFun 3 жыл бұрын
Вау, я как раз это на своём проекте сейчас реализую 🔥🔥🔥
@user-is8ov1km3t Жыл бұрын
Очень годный контент. Информация подается сжато, часто приходится останавливаться или возвращаться, и это гораздо круче, чем смотреть на x1.5 более водянистые ролики. Тимур, респект)
@nil199308 Жыл бұрын
Обожаю Ваши видео, очень помогают освоить технологии, лучшее в рунете, мой коммент в поддержку и продвижение канала!
@user-wu9ld1rg9j 3 жыл бұрын
Пару недель назад искал подобное видео, ничего не было. Спасибо, что сделал)
@darkside2436 3 жыл бұрын
🔥🔥🔥Лучший контент про JWT на KZfaq🔥🔥🔥
@romanpol3336 2 жыл бұрын
Огромное спасибо за ролик! Так чётко и без воды подан материал! А главное - не успеваешь заснуть за 2 часа просмотра))
@NovikovEugene13 6 ай бұрын
Досмотрел ролик до конца. Так как уже имел опыт разработки более простой фулл-стек авторизации для веб-приложения, то понял всё и сразу. Смотрел ролик, чтобы получить представление, как выглядит авторизация на реальных проектах. Вижу, что и этот ролик не исчерпывающий, но относительно моего знания предмета в нём немало нового и полезного. Спасибо за материал.
@iznu3 2 жыл бұрын
Перед просмотром в глаза ченить закапаю, что-бы не моргать))) лайк и спаибо как всегда авансом, несомневаюсь будет круто!
@darkelf585 2 жыл бұрын
я думал, программисты не моргают)
@alenazykava6932 3 жыл бұрын
Спасибо! С нуля начала с простой авторизации. после этого ролика хочу добавить к ней проверку емайла
@user-wk7ft7om3h 2 жыл бұрын
Ролик пушка. Всем рекомендую кто хочет разобраться в теме!!! И присоединяюсь к комментарию по поводу оплаты на сайте, ждем с нетерпением)))
@martoyas 2 жыл бұрын
Это видео бесподобное, перерыл весь интернет, негде нет такого качества!!! Автору большое спасибо :)
@topsportsevents6014 3 жыл бұрын
Еще не смотрел , но это прям то что доктор прописал ! Лайки не жалеем народ)
@uliakarahmazli7766 3 жыл бұрын
Спасибо огромное за столь нужное видео.
@tamaraevpraksina6945 2 жыл бұрын
Спасибо Тимур за полезные видео. Очень помогает в обучении.
@user-kw5yy1gi7e Жыл бұрын
Это лучшее объяснение по авторизации. Спасибо тебе за твои труды.
@artemivanov5013 2 жыл бұрын
Автор красавчик!!! Спасибо за твои труды!!
@HaveFun77777 3 жыл бұрын
Вот это АГОНЬ!) как раз то, что сейчас делаю)
@user-nm9so8uw1z Жыл бұрын
Пересмотрел милион видосов и ни один не смог обьяснить мне абсолютно фул информацию как ты. лучший!
@earthspacon3229 2 жыл бұрын
Досмотрел до конца и не один раз. Большое спасибо!
@bilionievgen9004 2 жыл бұрын
Продвинутая JWT авторизация на React и Node js. Access, refresh, активация по почте -----спасибо большое
@valeriipimenov4894 3 жыл бұрын
Спасибо бро )Топ как всегда)
@Vladislav0Art 2 жыл бұрын
Ролик нереально полезный. Помню некоторое время назад пытался разобраться с jwt, однако не получалось в виду того, что все ролики, что я находил не давали понимания того, как это работает "под капотом", а лишь показывали реализацию в коде (которая, кстати, по сравнению с твоей и рядом не стоит))). В течение нескольких дней разрабатывал систему авторизации по твоему ролику на NextJS, вроде как получилось)). Также твой стиль написания кода мне понравился (создание класса со статическими методами), взял себе на вооружение. Ролик определенно самый качественный среди всех ему подобных. Автор лучший, успехов!))🔥🔥
@raminhesenov1376 2 жыл бұрын
Недавно наткнулся на твои ролики. Честно сказать, более полезных видео не встречал. Большое спасибо за ролики
@den4ik114 3 жыл бұрын
Ух, вкусна, вкусна спасибо! Вечер обещает быть продуктивным)
@user-sg7pd6rj7q Жыл бұрын
Видео топ. Среди контента на ютубе по веб-программированию, наверное, лучшие видео у тебя. Спасибо!
@trashtrash7844 2 жыл бұрын
Большое спасибо за это видео, очень интересное применение jwt токена, всё понятно, жду больше видео от тебя!
@hutoryanin 3 жыл бұрын
Здравствуй Тимур, как всегда отличная подача, интересно смотреть! *Л. а. й. к.*
@_yanaaa496 3 жыл бұрын
wooоw, круто, как раз разбираюсь с токеном, большое спасибо
@marinasatsyk2184 9 ай бұрын
Огромное спасибо за этот ролик. Я пересмотрела кучу англо/франко язычных ресурсов. Но твой самый понятный и полный, все по делу.
@ArthurKatrushko 2 жыл бұрын
Круто объяснил и показал всё на примере фул стак приложения. Я досмотрел до конца. Благодарю за качественный контент!
@yuriivasiliev7636 2 жыл бұрын
Очень круто! Спасибо! Было бы не плохо так же посмотреть реализацию бэкенда на микросервисах (Node js)
@noeasy2198 3 жыл бұрын
как всегда ставлю лайк перед просмотром
@user-zl5sp9yh1n 9 ай бұрын
Твои труды восхитительны!!! Спасибо за твою работу
@dyus00 2 жыл бұрын
Очень грамотная подача и хороший материал. Автору спасибо)
@vasiliygymenyuk756 3 жыл бұрын
Поддерживаю производство такого контента, для Джуна просто неоценимо
@devorer77 3 жыл бұрын
Очень высокое качество подачи контента. Не знаю, специально ты старался или уже "само" получается, но формат почти идеальный - функция/метод в высоту экрана, изложение материала, следующий скрин. Тимур, ты отличный преподаватель.
@UlbiTV 3 жыл бұрын
От одного из первых подписчиков такую похвалу получать вдвойне приятно, спасибо, Артем :)
@asylden Жыл бұрын
@@UlbiTV При регистрации пишет такую ошибку "Непредвиденная ошибка Token validation failed: refreshToken: Path `refreshToken` is required." " что не так
Nikita Zdradovskiy
Рет қаралды 6 МЛН
Ulbi TV
Рет қаралды 564 М.
Иван Гончаров
Рет қаралды 31 М.
lev89k
Рет қаралды 2,4 МЛН
LED Screen Factory-EagerLED
Рет қаралды 3,6 МЛН
FISPECKT
Рет қаралды 216 М.