Продвинутая JWT авторизация на React и Node js. Access, refresh, активация по почте

[@UlbiTV]

Таймкоды в описании, всем приятного просмотра :) Также оставляем идеи для следующих роликов в комментариях!

[@ЕвгенийКраев-я2ж]

Тимур, ты прям по заказу.

[@topsportsevents6014]

Сделай видио с Twilo в связке с react . Чаты интересуют в этой либе .

[@mip1992]

Спасибо огромное, домой приду и сяду пилить)))

[@Nikitosss91]

Сделай с фаербейз какой-нибудь круд проект

[@taras7844]

Там фанаты ждут от вас чата, на 4 сокетах

[@dmitriiforofontov7326]

Даже за год после выхода, никто из авторов не смог догнать эту тему по качеству... Браво

[@Pride46Mr]

за два)))

[@arsen0583]

@@Pride46Mr факт

[@РоманЮрченко-н9с]

@@arsen0583 на 36 минуте создается кука с токеном. зачем?

[@arsen0583]

​@@РоманЮрченко-н9с он создаётся чтобы обновлять аксесс токен

[@webworker7955]

@@РоманЮрченко-н9с refreshToken в cookies сохраняется

[@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]

Лучший!

[@ITCodeme]

Брат, вторую ночь не сплю.... Спасибо, пошел спать !!!! Скйчас все работает !!!

[@ЛёхаИльич-ч4ы]

Одни из лучших роликов на Ютубе по данной тематике. Канал с таким контентом полюбому перевалит за 100к, удачи автору, надеюсь не бросишь свое благое дело

[@romanryaboshtan9270]

Согласен, тут будет больше 100к

[@budlo4216]

@@romanryaboshtan9270 есть такое

[@karis7539]

я из будущего. тут больше 100к

[@NikCevich]

уже больше 150к)

[@xrabell4837]

уже 201к)

[@linmus2370]

This is hands-down the best comprehensive tutorial on JWT authentication I've ever come across on KZbin. Thanks a lot for going out of your way to make it!

[@pavloskuibida6292]

Вже котрий раз переглядаю цей шедевр і з кожним разом знаходжу щось нове, з умінням приходе й розуміння цього відео. Дякую.

[@denisputnov]

Это однозначно самый лучший контент по JavaScript, который я видел в интернете за год обучения. Автор умеет удивлять, умеет подбирать контент и никогда не даёт лишней информации и воды, за что огромный респект. Такой труд очень дорогого стоит. Если будет какой-то курс, то я точно буду первым в списке покупателей.

[@gephest_ua]

Один из лучших русскоязычных каналов. Минимум воды - максимум информации!

[@EugenKondratiev]

прошелся по таймкодам - уже жирнейший лайк. практически всё щупал по отдельности, но хорошо структурированная инфа - всегда полезнее. предвкушаю вдумчивый просмотр :)

[@НікітаКорчемний-г4ч]

Досмотрел видео до конца, оставляю соответствующий комментарий)) На самом деле, люди, автор невероятную годноту делает, не скупитесь на лайки, за 3 года лучше так и не сделали видео на эту тему. Канал буквально кладезь знаний, видео ,кстате, помогло закрыть таску с стажировки и разобраться в теме, спасибо!

[@eugene8863]

Согласен, вспомнил что где то в сохранённых лежало, вернулся чтобы пересмотреть годноту)

[@АлександрЮрковский-ж4ы]

Лучшее видео... Помню в свое время никак не мог понять как работают эти токены, обыскал весь ютуб и гугл) везде примитивные примеры были с одним токеном. Посмотрю повторно не помешает :) а тебе спасибо за труд

[@Grapeoff]

Да там нет ничего такого сложного на самом деле, но объяснения на всяких хабрах и правда такие себе, и конкретной и понятной реализации я в этих статьях не увидел

[@aleks44619]

Большое спасибо за труд. Конечно, за один присест такой объем осилить было немного сложно, но в этом и ценность, что вся информация собрана неким экстрактом в одном месте. Лучшая информация, лучшие ролики, без воды, отлично структурирована. Теперь у меня просто нет опции не выучить это. Спасибо!

[@fuad2069]

Есть немало джуников, которые по сто раз прошли всю теорию, и им как раз нужны именно вот такие ролики, то есть практика и ещё раз практика. Спасибо за нужный контент, очень круто!!!! Делай побольше такого контента я обязательно буду тебя рекомендовать!!

[@Dim4uk]

Спасибо большое за титанический труд. Я прям радуюсь когда по моему поисковому запросу есть твои видео, я тогда уверен, что задача почти готовая )

[@armenarakelyan2676]

Давай лайфкодим проект среднего уровня до продакшн со всеми этапами!!!! Ты молодец бро.

[@Максим-д1у4щ]

+++

[@NameOfFool]

Для тех, кто столкнулся с проблемой при работе с nodemailer. После 30 мая 2022, закрыли доступ к настройке сторонних приложений. Чтобы решить эту проблему: 1) поставьте двух-этапную аутентификацию, если ее нет 2) вернитесь в настройки безопасности, под пунктом вход в аккаунт появится вкладка пароли приложений. Заходите, после выполнения всех махинаций, вам выдадут пароль для доступа к почте. Копируем, пихаем в проект вместо нашего обычного

[@g_a_m_b_e_t_t_o_r8920]

Спасибо большое за информацию очень полезна оказалась !

[@МаринаЛисовская-ф9б]

Спасибо! плюс сохранялась ошибка in certificate chain - а надо было всего-то отключить Avast

[@hexussouthpalmire1796]

Спасибо маныч!!!

[@bignah4872]

Спасибо!

[@kayaosato9289]

2 пункт, вы про менеджер паролей? но ведь там просто сохранённые пароли и всё

[@nickolaizein7465]

Спасибо огромное за труд! Такие видео - это как раз то, чего не хватает, когда ты знаешь теорию, можешь написать "hello world" по ней, но на больших проектах начинаешь пугаться и тупить. А после полноценного приложения от А до Я, паника уходит. Спасибо Вам большое!

[@ДенисМ-н1м]

Благодаря тебе и твоим роликам попал на обучение в компанию, а затем и получил оффер. Просто лучший

[@UlbiTV]

Огонь) удачи на новом месте!

[@ДенисМ-н1м]

@@UlbiTV спасибо!

[@NikitaBatrak]

это то что мне нужно было, огромное спасибо мужик

[@yevheniipolovinchuk5326]

Я не бекендер. Учусь на фронта, но из любопытства залез на этот урок. На моё удивление бекенд часть усвоил на 90%, а вот Фронт с Реактом полная каша в голове. В конечном итоге всё получилось, всё работает. Половина тетради исписана конспектами. Благодарю за твои уроки. А теперь буду самостоятельно создавать клон или нечто похожее

[@ЭзамАппаева]

Спасибо громаднейшее , Тимур! Вижу уже , что ролик пушечный!!!!!! 💣💥

[@СултанЖусупов-ы2ф]

Очень классное видео, был очень рад посмотреть, как всегда объяснение на высшем уровне все понятно и четко 👍🏻

[@oleksii.shkulipa]

Лучший! Одна из самых важных тем по моему мнению. Так как на большинстве курсов которые я проходил, единицы про рефреш и аксес говорили, большинство один токен до сих пор используют Спасибо за твой труд.

[@igorlysenko6649]

А какой смысл в двух токенах, если access один хер храниться в local storage?

[@ДмитрийИванов-з8з2м]

@@igorlysenko6649 ставишь небольшое время его жизни (10 мин), и, если он будет похищен, то обновится у фактического обладателя с помощью refreshToken

[@shyngyskhanbokikhan6782]

@@ДмитрийИванов-з8з2м ну если перехватить и refreshToken то можно получить бесконечный доступ к аккаунту

[@krxxstxle]

@@shyngyskhanbokikhan6782 Так у него тоже expiresIn есть

[@iznu3]

Перед просмотром в глаза ченить закапаю, что-бы не моргать))) лайк и спаибо как всегда авансом, несомневаюсь будет круто!

[@darkelf585]

я думал, программисты не моргают)

[@victormog]

За валидацию отдельное спасибо! (Пытался самостоятельно прикручивать её в _"ИНТЕРНЕТ МАГАЗИН С НУЛЯ",_ но в этом примере всё проще и красивее!)

[@Goddamn_Right]

1:45:48 Даю знать :) Как всегда превосходный контент. Спасибо за твой труд, помогал при обучении, помогаешь и на рабочем проекте!

[@darkside2436]

🔥🔥🔥Лучший контент про JWT на KZbin🔥🔥🔥

[@AlexBern-j5s]

Ролик два часа, а разбирал три дня, супер!! в качестве почты можно пользоваться mailtrap

[@topsportsevents6014]

Еще не смотрел , но это прям то что доктор прописал ! Лайки не жалеем народ)

[@karmaakabane4310]

Зашел посмотреть авторизацию регистрацию а тут ПОЛТОРА часа, ну зато очень подробно, а это круто, реально круто

[@itpro952]

Тимур, досмотрел до конца на х2, видео очень полезное, потом буду уже детально вникать, пересмотрю и попробую реализовать сам, очень хороший справочник получился

[@DatsunCoIT]

Мужик ты лучший, именно из-за таких как ты наш мир все еще не обречен

[@UlbiTV]

Стараемся, спасибо! 🤝

[@dmitrygorbatikov]

Раньше, когда был кипятильником, смотрел видосы Владлена Минина. Но когда дорос до чайника, пора бы знать как делается нормальная авторизация, спасибо ❤️ а то у меня акцесс токен генерировался, ставил на час, всё крашилось, выскакивала ошибка "нет авторизации" и приходилось убирать поле expiresin, чтобы эти ошибки меня не бесили

[@mix_show7942]

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

[@UlbiTV]

Поздравляю! Успехов на новом месте:)

[@matveiseliverstov3009]

Очень классный видеоролик, сделай видос про подключение оплаты к сайту, типо с нуля, как добавить возможность оплаты, таких роликов я не видел, а у тебя получается понятным языком объяснять непонятные вещи, короче, было бы классно, ну а так , как всегда лайк, продолжай в том же духе.

[@etemax]

не нашел ничего подобного спустя год? тоже интересна эта тема

[@АлександрСоснин-т3м]

Пояснение процессов с помощью рисунков в paint - это идеально! Максимально просто, понятно и доступно! И про токены и про хэши, wow!

[@victormog]

Ещё не посмотрел, но респект за то, что прислушиваешься к пожеланиям!!! Буду смотреть с параллельным воспроизведением кода...

[@anastasya2399]

Спасибо за такое подробное объяснение! Все делала вместе с видео, досмотрела до конца. Очень полезно! Один из лучших каналов на ютубе!

[@ArtOfFun]

Вау, я как раз это на своём проекте сейчас реализую 🔥🔥🔥

[@ilyaprotsenko1023]

Так часто тебя смотрю, что непривычно было услышать на этом моменте 9:14 фразу "... чтобы отлавливать какие-то ошибки" вместо уже привычной фразы "... чтобы отлавливать потенциально возможные ошибки", как на 19:15 Кхм, как всегда лайк! 😊

[@UlbiTV]

Вот это я понимаю!!!! Заценил коронную фразу 😂❤️❤️

[@andreyzhukov2821]

Привет! Как раз вовремя! Спасибо! Лайк авансом!

[@bilionievgen]

Продвинутая JWT авторизация на React и Node js. Access, refresh, активация по почте -----спасибо большое

[@focusnikful]

Спасибо за ролик, как раз хотел разобраться более углублено в авторизации.

[@andrrrew]

Осилил до конца)) В начале хватаешься за голову, мать моя, сколько же тут всего!!! Зато когда все сделано, смотришь назад и думаешь, так в общем то всё понятно и просто. Естественно в первую очередь благодаря Тимуру)) Большое спаибо!)

[@oleggrunov5806]

Теперь досмотрел точно до конца и перегнал с React на Vue. Так же буду рефакторить backend, добавлять роли пользователей. Ну и конечно выполню твоё задание, чтобы моя бд с refresh токенами не превратилась в помойку. Ты самый жесткий, в хорошем смысле слова, ютубер с подобным контентом. Сижу очень довольный!

[@horsewithnoname3015]

как решили проблему если не секрет?

[@oleggrunov5806]

@Horse With no name Какую именно?

[@horsewithnoname3015]

@@oleggrunov5806 как сделать так чтобы авторизация на одном устройстве не снимала авторизацию с другого переписывая refreshtoken, но уже неактивные токены удалялись🤔

[@webworker7955]

зачем с реакт на вью? реакт же лучше

[@mrbatni3522]

Реально классный контент который продают за деньги на курсах

[@barbatage5078]

Тимур, как обычно - инфа топ! Очень информативно! Спааааасииииибо!

[@ddflruc]

Очень грамотная подача материала. Огромное спасибо вам за ваш труд! Это очень полезный контент на все времена!

[@StarkEfsol]

Спасибо за пояснения, многое стало на свои места. Однако хочу добавить некоторые моменты 1. Payload access и refresh token будут содержать разную информацию. В случае с access информация необходимая для идентификации пользователя, его правах и т.д. для сокращения запросов к БД на стороне сервера. В refresh - информация идентификации пользователя и точки доступа (IP, браузер, устройство…) 2. Для cookie с refresh token нужно ограничить путь, по которому он будет передаваться, в данном случае “api/refresh”, иначе теряется смысл его использования

[@shillenet]

а каким образом можно ограничить путь?

[@bloodrik]

@@shillenet в само куки прокинуть опшин path, там где мы кидаем expiresIn

[@etemax]

можешь объяснить почему теряется смысл если путь не прописать? в заранее спасибо

[@NovikovEugene13]

Досмотрел ролик до конца. Так как уже имел опыт разработки более простой фулл-стек авторизации для веб-приложения, то понял всё и сразу. Смотрел ролик, чтобы получить представление, как выглядит авторизация на реальных проектах. Вижу, что и этот ролик не исчерпывающий, но относительно моего знания предмета в нём немало нового и полезного. Спасибо за материал.

[@apexnuts9785]

капец ты лютый тип)) Спасибо за видео

[@apexnuts9785]

У кого-то кумир человек паук, а у меня ты ))

[@SIGMA_BLYAT]

Мужик, ты золото на рунете. Спасибо!

[@BashkatovAleksei]

Досмотрел до конца! Повторил шаг за шагом и всё получилось! Спасибо огромное!!! Урок - огонь!!! Ещё раз - спасибо за твой труд!!!

[@devorer77]

Очень высокое качество подачи контента. Не знаю, специально ты старался или уже "само" получается, но формат почти идеальный - функция/метод в высоту экрана, изложение материала, следующий скрин. Тимур, ты отличный преподаватель.

[@UlbiTV]

От одного из первых подписчиков такую похвалу получать вдвойне приятно, спасибо, Артем :)

[@asylden]

@@UlbiTV При регистрации пишет такую ошибку "Непредвиденная ошибка Token validation failed: refreshToken: Path `refreshToken` is required." " что не так

[@ВадимАгарков-р2ц]

Просто нет слов... Действительно один из лучших каналов для разработки с практикой!!!! Спасибо тебе))))

[@379sanek]

Коментарий поддержки!) Патреон оформляю!

[@sergeyprivalov9442]

Спасибо Авторизация React nodeJS!!!

[@АлександрАртюхов-у6я]

Пару недель назад искал подобное видео, ничего не было. Спасибо, что сделал)

[@talgatkulzhanov]

UlbiTV чувак ты максимально полезен, краток, точен. Долгих лет счастливой жизни тебе!

[@ArtOfFun]

На одном дыхании посмотрел)

[@rustee_nyfe]

Это просто прекрасный ролик. Именно благодаря тому, что он одним куском и со слайдами, я понял, как JWT работает. Я не понимал, что на /refresh запрос уходит без ведома пользователя. Спасибо. Надеюсь, комментарий достаточно длинный

[@programming5944]

Две недели ждал это видео, заинтриговал в телеге, норм инфы по JWT крайне мало или она слишком замудренная, сейчас оценим твой видос!! Спасибо, лучший

[@Grapeoff]

У Jwt на самом деле максимально простая концепция, не понимаю, почему везде так сложно о нём говорят

[@agentdaun5699]

@@Grapeoff Что бы сделать ролик на полтора часа)

[@diatm1506]

Я нашел но курс стоит 600 евро(

[@МаринаМаковецкая-х6ю]

Пересмотрел милион видосов и ни один не смог обьяснить мне абсолютно фул информацию как ты. лучший!

[@iJoise]

Пушка просто! Тимур красавчик просто! У людей кто смотрит позже 04.10 имейте ввиду что могут возникнуть проблемы с типизацией axios c версией ^0.22. В видео версия axios: ^0.21.1. Я так потерял с час времени.

[@andersobol4988]

так как решил проблему? поделишься?

[@iJoise]

@@andersobol4988 На тот момент просто понизил версию аксиоса и забил)

[@MGDArrow]

Как можно ролик 2 часа смотреть 4 дня?)) Какая хорошая плотность материала!!! Спасибо!!

[@anazkomult]

Шикарный урок! JWT, Nodejs, React.... Тимур, огромное спасибо!

[@volodymyrsypko9729]

Отлично! Еще никому не удавалось так сжато, но так подробно и понятно вместить эту инфу в такое время!!!

[@Polite_person_]

Огонь, как раз то что нужно, спасибо огромное !!!

[@ЕжЕжиков-в9ь]

Тимур, не слушай тех, кто ноет о том, что понять сложно. Кто действительно заинтересован, тот поймет. Например, я попытался все повторить еще в конце 2022, но не получилось отправить письмо на почту (поскольку там все стало мудреней). Только сейчас я нашел, как это сделать и сразу же повторил все видео до конца. И все получилось!

[@devorer77]

Really cool Node React and JWT tutorial

[@moi-nick-zanyat]

вообще супер, пока учусь для разработки своего сайта более чем достаточно)

[@yakut54]

То что как раз не хватало! Спасибо за науку.

[@КотМатроскин-ы7ц5о]

Пролетело как 30 минут. В захлёб. Спасибо!!!

[@noeasy2198]

как всегда ставлю лайк перед просмотром

[@АндрейСоловьёв-ч3ы]

Лучший контент для быстрого изучения новых технологий. Титаническая работа, и всё это бесплатно, жаль что так мало внимания со стороны комьюнити.

[@oops61rus]

Отличный ролик, очень интересно. Кладезь полезной информации для бэкендеров. Были некоторые моменты, о которых знал только в общих чертах. Спасибо большое! Круто👍🏻

[@begovik9866]

Ну шо сказать, умный парень, кратко, ёмко, а главное хорошо структурировано, включая межвидосную перелинковку! Спасибо за качественный контент!

[@uliakarahmazli7766]

Спасибо огромное за столь нужное видео.

[@feeelgoood]

Я изучал материал этого ролика неделю и один день. Спасибо тебе, Тимур.

[@Giri-16108]

Вот это АГОНЬ!) как раз то, что сейчас делаю)

[@topst0p511]

Хоть я и смотрю большое количество программистов на Ютубе, но Ulbi самый полезный и при этом интересный из них

[@darkside2436]

Красавчик. 👍 P.S. Мне страшно представить сколько ты времени потратил на этот продвинутый гайд 😱

[@melitopol_Russia]

несколько часов)

[@aliskhankhutiev]

Спасибо, Тимур, за подробный гайд по jwt авторизации! Я новичок в backend. До просмотра этого видео посмотрел твои другие ролики по backend и jwt авторизации, которые ты оставил в описании. Все понятно и доступно.

[@LEG1ONER]

Если у кого возникнут проблемы с gmail: 1. Переходим в настройки и включаем там двухфакторную аутентификацию 2. После включения 2fa переходит в их настройки 3. Листаем в самый низ и находим там "App passwords" 4. Добавляем новое приложение, скажем ваше имя приложения и создаём ключ 5. Этот ключ вставляем в .env вместо ваше и всё будет работать ;)

[@ned5725]

после генерации ключа в какое поле в .env его записывать? После записи в поле пароля все равно ничего не работает, выдает ошибку Error: connect ECONNREFUSED ::1:587

[@klimbirukov1400]

@@ned5725 Вставте новый сгенирированный 16-значный ключ в поле SMTP_PASSWORD. Остальные переменные менять не нужно

[@ИгорьШаргин-с1э]

Спасибо, помог

[@lybava5745]

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

[@nerrisy8839]

Какой-то клад среди ютубовского мусора. Спасибо стажировке в ИТ компании что пришлось покопаться в поиске контерта по Node.js. Как только закончу основные задачи, буду дома развлекаться просмотром и воспроизведением этих обучающих видеороликов :О

[@KOWEY]

писать комменты - не твое. лучше сиди дома и смотри телик.

[@nerrisy8839]

@@KOWEY хорошо

[@abraham3345]

@@KOWEY твое ненужное мнение конечно никто не спрашивал, ну да ладно

[@Sultanbayev]

Большое спасибо, теперь понятнее как работать с авторизацией

[@KirillNef-n6z]

БЭК часть просто супер)... СПАСИБО!!!!!

[@antonrealfive]

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

[@MrSlapp150]

Сначала лайк потом просмотр. Спасибо!

[@ziggystardust3975]

Чел, самый годный контент пилишь. Я столько кейсов закрываю только благодаря твоим видео. Надеюсь канал разрастется еще больше, ты этого заслуживаешь

[@den_ph]

Большое спасибо за качественный и понятный разбор темы! Было очень познавательно и полезно.

[@marinasatsyk2184]

Огромное спасибо за этот ролик. Я пересмотрела кучу англо/франко язычных ресурсов. Но твой самый понятный и полный, все по делу.

[@konstantin6524]

Как обычно прекрасный видос! Информация подана прекрасно, такого уровня контент мало где встретишь, ты большой молодец! Было бы очень классно, если бы ты сделал видос с каким-то простеньким приложением от а до я со всеми архитектурными, структурными моментами и деплоем: например идеальная кастомная обработка ошибок на все запросы, о, почему тут лучше так, а не вот так и прочее. Удачи!

[@mikmez01]

Мое почтение! Лучший ру канал про js и сети что я знаю. Огромное количество полезных и глубоких видео

[@yuriivasiliev7636]

Очень круто! Спасибо! Было бы не плохо так же посмотреть реализацию бэкенда на микросервисах (Node js)

[@denischurbanov2734]

Омагад какой сок! Спасибо тебе за такой контент, человечище :D

[@daniilyakavenka3849]

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

[@dreamteams]

Спасибо брооо за объяснение конечно я искал это месяца назад но все равно спасибо в будущем я учту)

[@bbnowhat]

я досмотрел это было очень вкусно, мощнейшая практика, делал для своего проекта, местами сложновато для понимания, всю эту архитектуру проекта держишь в голове и запоминать все папки сложновато сначала, но в конечный результат очень радует, особенно новое для меня было активация через почту, спасибо за ролик