Как работает/реализовать такую авторизацию?

Question

[resayd]

Как вызвать это ?

https://ru.warface.com/

Comments

[Rustam Bainazarov]

Не знаю, Бога попросить, наверное. В чем заключается вопрос?

[resayd]

Рустам Байназаров, в заголовке

[Rustam Bainazarov]

resayd, вызвать панель визуально, сделать авторизацию, сделать табы, как работает API входа через соц. сети — вопрос не очевиден.

[Арсений Матыцин]

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

[resayd]

Арсений Матыцин, Понял, хорошо.

[resayd]

Рустам Байназаров, сори, не могу правильно сформулировать.

Answer 1

[Daria Motorina]

На бекенде это реализуется через протокол авторизации OAuth 2.0, а на фронтенде это обычная форма с набором кнопок-ссылок на страницы авторизации этих сервисов.

Comments

[resayd]

На фронтенде я делал как отдельную ссылку и просто выводил как target _blank но мне нужно как там

Answer 2

[alekseyHunter]

Если нужно показать меню, нужно менять свойство display. По началу задаешь его "none", по нажатию на кнопку "Авторизоваться" меняешь на "block".

А вообще - F12 -> Нажимаешь на div с формой -> ПКМ -> Copy Html

Comments

[resayd]

item js-login там вот такой класс открытие авторизации то есть на кнопки прописан

Answer 3

[PQ13]

Здравствуйте! Есть универсальное решение: скопировать блок. Нажимаете F12 -> Ищете нужный объект -> "Копировать со стилями". Соответственно, чтобы открылось, нужна ещё и кнопка (процесс идентичный). Там и посмотрите как оно работает.
В случае, если не открывается по кнопке, значит работает не checkbox и выполняет команду JavaScript.