Заметки Андрея Романова

ВК на форме входа используют Credentials Management API для быстрой авторизации: пользователь кликает по полю логина, открывается системное окно с сохранёнными аккаунтами, при выборе аккаунта автоматически происходит вход — всего в два клика.

Технически это реализуется довольно просто (опустил проверку на поддержку этой фичи):

loginFieldNode.addEventListener('click', () => {
  navigator.credentials
    .get({ password: true })
    .then((creds) => {
      if (creds) {
        logIn({
          id: creds.id,
          password: creds.password
        });
      }
    })
});

Документация — https://developer.mozilla.org/en-US/docs/Web/API/CredentialsContainer

www.tgoop.com/andrew_r_notes/43

1.1K viewsedited  Dec 15, 2017 at 20:17

ВК на форме входа используют Credentials Management API для быстрой авторизации: пользователь кликает по полю логина, открывается системное окно с сохранёнными аккаунтами, при выборе аккаунта автоматически происходит вход — всего в два клика.

Технически это реализуется довольно просто (опустил проверку на поддержку этой фичи):

loginFieldNode.addEventListener('click', () => {
  navigator.credentials
    .get({ password: true })
    .then((creds) => {
      if (creds) {
        logIn({
          id: creds.id,
          password: creds.password
        });
      }
    })
});

BY Заметки Андрея Романова