Persona : un système d'identité pour le Web

Transcript

1. François Marier – @fmarier Persona un système d'identité pour le Web
3. un système ouvert et fédéré pour l'authentification des utilisateurs
10. une solution au problème des mots de passe sur le Web
11. pourquoi ?
12. difficiles à retenir
14. c'est trop facile de les réutiliser
23. alternatives
26. décentralisé
27. moi.com/u/francois
32. vie privée ®
33. comment ça marche ?
34. fmarier@gmail.com
35. <signatures numériques 101>
36. privée publique
37. publique
38. Je m'appelle François Marier et mon adresse de courriel est trop longue pour cette note.
39. privée Je m'appelle François Marier et mon adresse de courriel est trop longue pour cette note.
40. publique Je m'appelle François Marier et mon adresse de courriel est trop longue pour cette note.
41. signer vérifier
42. </signatures numériques 101>
43. fmarier@gmail.com
45. authentification?
46. clé publique authentification?
47. clé publique signée clé publique authentification?
50. Valide pour : 2 minutes wikipedia.org assertion
51. Valide pour : 2 minutes wikipedia.org vérifier l'audience assertion
52. Valide pour : 2 minutes wikipedia.org vérifier l'audience vérifier l'expiration assertion
53. Valide pour : 2 minutes wikipedia.org vérifier l'audience vérifier l'expiration vérifier la signature assertion
54. assertion Valide pour : 2 minutes wikipedia.org clé publique
55. assertion Valide pour : 2 minutes wikipedia.org
56. assertion cookie
57. c'est pour quand ?
58. serveurs de courriel navigateurs
59. fmarier@gmail.com
60. fmarier@gmail.com
64. serveurs de courriel
65. navigator.id.*
67. navigateurs modernes >= 8
68. >= 8 navigateurs modernes
69. vous pouvez utiliser Persona dès aujourd'hui
70. comment l'utiliser sur votre site ?
72. <script src=”https://login.persona.org/include.js”> </script> </body></html>
73. navigator.id.watch({ loggedInEmail: “francois@mozilla.com”, onlogin: function (assertion) { $.post('/login', {assertion: assertion}, function (data) { // do something } ); }, onlogout: function () { window.location = '/logout'; } });
74. navigator.id.watch({ loggedInUser: “francois@mozilla.com”, onlogin: function (assertion) { $.post('/login', {assertion: assertion}, function (data) { // do something } ); }, onlogout: function () { window.location = '/logout'; } });
75. navigator.id.watch({ loggedInUser: null, onlogin: function (assertion) { $.post('/login', {assertion: assertion}, function (data) { // do something } ); }, onlogout: function () { window.location = '/logout'; } });
76. navigator.id.watch({ loggedInUser: null, onlogin: function (assertion) { $.post('/login', {assertion: assertion}, function (data) { // do something } ); }, onlogout: function () { window.location = '/logout'; } });
77. navigator.id.watch({ loggedInUser: null, onlogin: function (assertion) { $.post('/login', {assertion: assertion}, function (data) { window.location = '/'; } ); }, onlogout: function () { window.location = '/logout'; } });
79. navigator.id.request()
83. navigator.id.watch({ loggedInUser: null, onlogin: function (assertion) { $.post('/login', {assertion: assertion}, function (data) { window.location = '/'; } ); }, onlogout: function () { window.location = '/logout'; } });
84. navigator.id.watch({ loggedInUser: null, onlogin: function (assertion) { $.post('/login', {assertion: assertion}, function (data) { window.location = '/home'; } ); }, onlogout: function () { window.location = '/logout'; } });
85. $ curl -d "assertion=<ASSERTION>& audience=http://123done.org" https://verifier.login.persona.org/verify
86. $ curl -d "assertion=<ASSERTION>& audience=http://123done.org" https://verifier.login.persona.org/verify
87. { status: “okay”, audience: “http://123done.org”, expires: 1344849682560, email: “francois@mozilla.com”, issuer: “login.persona.org” }
88. { status: “failed”, reason: “assertion has expired” }
92. navigator.id.logout()
93. navigator.id.watch({ loggedInUser: null, onlogin: function (assertion) { $.post('/login', {assertion: assertion}, function (data) { window.location = '/home'; } ); }, onlogout: function () { window.location = '/logout'; } });
95. 1. charger bibliothèque JavaScript
96. 1. charger bibliothèque JavaScript 2. écrire onlogin & onlogout
97. 1. charger bibliothèque JavaScript 2. écrire onlogin & onlogout 3. ajouter boutons (dé)connexion
98. 1. charger bibliothèque JavaScript 2. écrire onlogin & onlogout 3. ajouter boutons (dé)connexion 4. vérifier l'assertion
99. pour nous aider ...
100. utilisez Persona sur votre site dites-nous ce que vous en penser demandez le support Persona
101. utilisez Persona sur votre site dites-nous ce que vous en penser demandez le support Persona
102. utilisez Persona sur votre site dites-nous ce que vous en penser demandez le support Persona
103. Pour en savoir plus : https://login.persona.org/ http://identity.mozilla.com/ https://developer.mozilla.org/docs/Persona/Why_Persona https://developer.mozilla.org/docs/Persona/Quick_Setup https://github.com/mozilla/browserid-cookbook https://developer.mozilla.org/docs/Persona/Libraries_and_plugins http://123done.org/ https://wiki.mozilla.org/Identity#Get_Involved @fmarier http://fmarier.org
104. https://eyedee.me/.well-known/browserid: { "public-key": { "algorithm":"RS", "n":"8606...", "e":"65537" }, "authentication": "/browserid/sign_in.html", "provisioning": "/browserid/provision.html" } document de support
105. © 2013 François Marier <francois@mozilla.com> Cette œuvre est mise à disposition selon les termes de la Licence Creative Commons Attribution - Partage dans les Mêmes Conditions 3.0 Nouvelle-Zélande. Top 500 des mots de passe: http://xato.net/passwords/more-top-worst-passwords/ Parchemin: https://secure.flickr.com/photos/27613359@N03/6750396225/ Biscuits: https://secure.flickr.com/photos/jamisonjudd/4810986199/ Uncle Sam: https://secure.flickr.com/photos/donkeyhotey/5666065982/ Passeport canadien: https://secure.flickr.com/photos/rustyangel/5839428526/ Sources des photos :