Credentials Management API

Credentials Management API, permite que os sites interajam com o sistema de senha do navegador do usuário, de modo que as aplicações possam lidar de maneira uniforme com as credenciais, simplificando e enriquecendo a usabilidade e gerenciamento.
.
Evento: https://braziljs.org/eventos/rsjs-2018/

Transcript

1. credentials management API
7. 18.fev.2014
8. 18.fev.2014 15.jun.2018
9. 5 dias
12. RUM Run time User Monitoring
13. RUM Run time User Monitoring Measuring
14. RUM Run time User Monitoring Measuring
15. credentials management API
16. https://www.youtube.com/watch?v=Oy5F9h5JqEU
25. três pilares
26. - simplifica o fluxo de acesso os usuários podem fazer novo acesso automaticamente em um site, mesmo que a sessão tenha expirado - permite acesso com um tap/click no seletor de contas um seletor de contas nativo é exibido, eliminando formulário de acesso por senha - armazena credenciais pode armazenar uma combinação de nome de usuário, senha ou até dados de conta universal
27. - simplifica o fluxo de acesso os usuários podem fazer novo acesso automaticamente em um site, mesmo que a sessão tenha expirado - permite acesso com um tap/click no seletor de contas um seletor de contas nativo é exibido, eliminando formulário de acesso por senha - armazena credenciais pode armazenar uma combinação de nome de usuário, senha ou até dados de conta universal
28. - simplifica o fluxo de acesso os usuários podem fazer novo acesso automaticamente em um site, mesmo que a sessão tenha expirado - permite acesso com um tap/click no seletor de contas um seletor de contas nativo é exibido, eliminando formulário de acesso por senha - armazena credenciais pode armazenar uma combinação de nome de usuário, senha ou até dados de conta universal
29. ...
31. um tap/click
33. auto sign in
35. como funciona
37. implementação
38. ...
47. chrome://settings/passwords
49. debugging
50. chrome://password-manager-internals
52. benefícios credentials management api
53. - facilita escolha em caso de múltiplos usuários - uso de interface nativa para múltiplos devices - se o usuário não tiver auto-login no browser, mesmo assim, identificamos que ele já fez login na página e, em um apenas tap/click, ele consegue logar - interação com o browser já que atualmente ele auto-preenche campos de de login/senha - auto sign in em múltiplos devices
55. - facilita escolha em caso de múltiplos usuários - uso de interface nativa para múltiplos devices - se o usuário não tiver auto-login no browser, mesmo assim, identificamos que ele já fez login na página e, em um apenas tap/click, ele consegue logar - iteração com o browser já que atualmente ele auto-preenche campos de de login/senha - auto sign in em múltiplos devices
59. - facilita escolha em caso de múltiplos usuários - uso de interface nativa para múltiplos devices - se o usuário não tiver auto-login no browser, mesmo assim, identificamos que ele já fez login na página e, em um apenas tap/click, ele consegue logar - interação com o browser já que atualmente ele auto-preenche campos de de login/senha - auto sign in em múltiplos devices
61. - facilita escolha em caso de múltiplos usuários - uso de interface nativa para múltiplos devices - se o usuário não tiver auto-login no browser, mesmo assim, identificamos que ele já fez login na página e, em um apenas tap/click, ele consegue logar - interação com o browser já que atualmente ele auto-preenche campos de de login/senha - auto sign in em múltiplos devices
62. - facilita escolha em caso de múltiplos usuários - uso de interface nativa para múltiplos devices - se o usuário não tiver auto-login no browser, mesmo assim, identificamos que ele já fez login na página e, em um apenas tap/click, ele consegue logar - interação com o browser já que atualmente ele auto-preenche campos de de login/senha - auto sign in em múltiplos devices
64. auto sign in múltiplos devices
65. demo
66. https://credential-management-sample.appspot.com/
67. cuidado comportamento indesejado
70. referências
72. braziljs.org/blog/credentials-management-api-terra-webmail
73. - https://developers.google.com/web/updates/2018/03/webauthn-credential-management - https://developers.google.com/web/fundamentals/security/credential-management - https://medium.com/dev-channel/sign-in-on-the-web-credential-management-api-and-best-practices-d21 aed14b6fe - https://braziljs.org/blog/credentials-management-api-terra-webmail/ - https://engenharia.elo7.com.br/credential-management-api/ - https://www.youtube.com/watch?v=NJ-sphu2DqQ&t=806s - https://www.youtube.com/watch?v=Oy5F9h5JqEU
74. obrigado @robsongajunior