Каким образом проходит авторизация через соц. сети на сайте React и Express?

Question

[Senbonzakuraa]

Не понимаю как происходит авторизация в React приложении. Например:

1. С клиента перехожу по адресу /auth/vk
   
2. На сайте вк даю разрешение на вход с помощью своего аккаунта
   
3. После этого меня перекидывает на сервер /auth/vk/callback и возвращает данные об аккаунте
   
4. Дальше я регистрирую этого юзера у себя на сервере и создаю jwt токен
   

Вопрос - Как отдать на реакт этот jwt?

Comments

[TAnonim]

Если авторизация происходит в popup окне, то, как вариант можно передать сообщение с jwt из страницы бэкенда через window.postMessage. Родительское окно будет доступно внутри popup через Window.opener.

Answer 1

[Robur]

не знаю насчет vk. но "соцсети" используют oauth в той или иной степени.

Схема с oauth чаще всего такая:
3. после этого меня перекидывает на мое приложение (которое на react), которое получает токен из урл-параметров и сохраняет в локал сторадже
4. мое приложение(react) идет на сервер(express) с этим токеном чтобы зарегистрировать пользователя.
5. сервер проверяет токен на валидность (запрашивая соцсеть или еще как-то) и если все ок - создает пользователя/сессию/делает что угодно.