Persona est un système d'identité fédéré qui met l'emphase sur la protection de la vie privée et la convivialité tout en facilitant le travail des développeurs Web. Cette présentation a pour but d'introduire ce système et les éléments de cryptographies sur lesquels il repose ainsi que de donner un exemple concret de son utilisation dans une application Web.

1. Persona
un système d'identité
pour le Web
François Marier – @fmarier

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. Je m'appelle
François Marier
et mon adresse
de courriel est
trop longue
pour cette note.
privée

40. Je m'appelle
François Marier
et mon adresse
de courriel est
trop longue
pour cette note.
publique

41. signer vérifier

42. </signatures numériques 101>

43. fmarier@gmail.com

45. authentification?

46. authentification?
clé publique

47. authentification?
clé publique
clé publique signée

50. assertion
wikipedia.org
Valide pour : 2 minutes

51. assertion
wikipedia.org
Valide pour : 2 minutes
vérifier l'audience

52. assertion
wikipedia.org
Valide pour : 2 minutes
vérifier l'audience
vérifier l'expiration

53. assertion
wikipedia.org
Valide pour : 2 minutes
vérifier l'audience
vérifier l'expiration
vérifier la signature

54. assertion
clé publique
wikipedia.org
Valide pour : 2 minutes

55. assertion
wikipedia.org
Valide pour : 2 minutes

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. navigateurs modernes
>= 8

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. document de support
https://eyedee.me/.well-known/browserid:
{
"public-key": {
"algorithm":"RS",
"n":"8606...",
"e":"65537"
},
"authentication": "/browserid/sign_in.html",
"provisioning": "/browserid/provision.html"
}

105. Sources des photos :
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/
© 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.