Как сделать авторизацию через Яндекс ID на React?

Question

[Владислав]

Непонятно, как использовать redirect_uri. В ВК в редиректе нужно указать ссылку на сервер, там принять запрос и обработать. А по доке Яндекса нужна какая-то страница-заглушка, на клиенте, что ли?

Answer 1

[TimurRyabinin]

Здравствуйте! Я из Яндекса. Постараюсь вам помочь. В поле Redirect URI указывается URL, на который нужно перенаправить пользователя после того, как он разрешил вашему приложению доступ к своим данным.

При настройке получения кода подтверждения из URL в поле Redirect URI нужно указать URL вашего сайта в формате: https://ya.ru

Обычно указывают главную страницу или страницу авторизации. Код подтверждения будет передан параметром URL в формате: https://ya.ru?code=3320020

Вам нужно будет принять этот параметр и передать его в запросе обмена кода подтверждения на токен по инструкции из нашей документации: https://yandex.ru/dev/id/doc/ru/codes/code-url#token

Comments

[Владислав]

Ссылка, что вы дали это альтернативный способ.
Я пытаюсь по встраиваемой кнопке.

Нажимаю на кнопку, открывает новое окно браузера с разрешением доступа от Яндекса. Жму продолжить, перенаправляет сервер (я указываю серверную ссылку) там в параметры ничего не приходит, а по идее должно придти.
Далее свои манипуляции и редирект на клиента. Но редирект идёт тоже в этом всплывающем окне и вот тут в адресе приходят квери параметры с токеном доступа.

Почему окно не закрывается?
Можно сделать, чтобы открывалась новая вкладка, а не новое окно?

В ВК более понятно.

Ссылку редиректа нужно указывать серверную?

Если делать альтернативным способом, тогда кнопку нужно делать свою и в неё не будут подтягиваться данные пользователя.

[Владислав]

Можете подсказать, нужно ли после получения access token и refresh token их сохранять в БД? Для чего они могут пригодиться в будущем, кроме получения данных при авторизации?