Как сделать авторизацию по QR code на React?

Question

[DeanReactInf]

Нужно сделать вход по QR, с залогиненого девайса как это работает в телеграм, может кто то может посоветовать библиотеки или способ потому что в интернете не нашел такой информации

Answer 1

[Dmitry Bay]

Какая библиотека то вам нужна?
Качается генератор QR кодов, подставляете логин туда и работаете.

Comments

[DeanReactInf]

интересует как происходит этот обмен в момент сканирования кода на другом устройстве и что шифровать в qr, токен или что то другое?

[Dmitry Bay]

DeanReactInf,
1) генерируется токен авторизации, который действует, допустим 1 минуту.
В обычном виде это выглядит так, сам url не важен. Важно что доступ к ссылки по GET доставляется
/site/login?auth=temp_token
Важно, что QR код - это и есть эта ссылка.
2) После авторизации мы получаем обычный токен с которым продолжаем работу. Если это не какой то сложный токен с сгоранием.
3) Уничтожаем временный токен для авторизации.

[DeanReactInf]

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

[Dmitry Bay]

DeanReactInf, Ок, а какая разница?
QR код это лишь текст. Там нет магии.

Ок, обратная сторона -
Гостевое устройство создает уникальный QR код, зарегистрированный клиент читает этот код, и отправляет гостевому устройству - токен для авторизации.

[DeanReactInf]

Dmitry Bay, Спасибо большое!