У меня был тот же вопрос и я нашел это (я гуглил "google автоматический вход"):
https://developers.google.com/identity/one-tap/web/
Снимки экрана для мобильных устройств, но всплывающее окно выглядит точно так же, как и в других веб-приложениях.
Если вы нажмете на вкладку Направляющие , вы найдете там несколько документов, включая раздел Getting Started :
https://developers.google.com/identity/one-tap/web/get-started
Это покажет вам, как настроить учетные данные точно так же, как и для любого другого API Google, например, JavaScript API Карт .
Получив свои учетные данные, вы загружаете библиотеку из Google в свой основной HTML-файл или в любое место, где вы загружаете другие свои скрипты, если они у вас есть:
<script src="https://smartlock.google.com/client"></script>
После этого вы сможете получить доступ к библиотеке через googleyolo Object:
window.onGoogleYoloLoad = (googleyolo) => {
// The 'googleyolo' object is ready for use.
};
То, что вы видите на этом скриншоте (и то, что я тоже видел) выглядит как googleyolo.hint() звонок.
Кажется, это зависит от того, вошел ли пользователь на сайт или нет. Если у них есть или если у них есть пароль, сохраненный для сайта в их браузере, он должен автоматически войти в систему или по крайней мере запросить его. Этот API-интерфейс также обрабатывает регистрацию в дополнение к входу в систему, который использует вызов googleyolo.hint(), упомянутый ранее.
Более подробные примеры кода можно найти на странице Guides .
Вам также понадобится контроль над серверной частью этого сайта, чтобы проверить целостность ID токенов из успешного вызова googleyolo.hint() или googleyolo.retrieve(). Это покрыто на https://developers.google.com/identity/one-tap/web/idtoken-auth.