Как получить доступ к встроенным функциям входа в систему с помощью Google Chrome для рабочего стола, например Instagram?

Question

Я пытаюсь выяснить, как получить доступ к встроенным функциям браузера Chrome.Если вы посмотрите на картинку выше, вы увидите выпадающее меню «Войти как ...».Это не что иное, как JS / HTML внутри окна, это встроенная функциональность браузера.

Я исследовал Google Identity Platform, но не видел, как была реализована эта конкретная реализация.Эти идентификационные данные принадлежат Instagram, они не являются учетными записями Google.

Мне нравится выяснять, как я могу скопировать это поведение для своих собственных веб-приложений.Я также надеюсь, что это не частная сделка между Instagram и Chrome.

Answer 1

Это Navigator.credentials API. Откройте консоль в Instagram и вставьте

navigator.credentials.get({
     password: true,
     federated: {
       providers: [
         'https://accounts.google.com'
       ]
     }
   })

вы увидите тот же собственный диалог.

Answer 2

Используйте Chrome Identity API для аутентификации пользователей: getAuthToken для пользователей, вошедших в свою учетную запись Google, и launchWebAuthFlow для пользователей, вошедших в учетную запись не из Google.Если ваше приложение использует свой собственный сервер для аутентификации пользователей, вам потребуется использовать последний.