Introduction à Mozilla Persona

• En dernière année à l'ENSIMAG à Grenoble
• Passionné par les usages du Web d'aujourd'hui et de demain
• Et les interactions utilisateurs / entreprises qui en découlent
• Contributeur Mozilla !

• Un système d'authentification sur le web
• basé sur le protocole BrowserID
• Objectif : éliminer les mots de passe spécifiques des sites web
• L'idée est de relié des adresses e-mail au navigateur

Tell me more !

• Intégration dans tous les navigateurs
• Connexion en un clic
• Facile a utiliser / déployer
• Protocole ouvert et décentralisé
• Plus de dépendance à des services tiers ! (Vol de données...)

Tell me more !

• L'utilisateur (identifié par son e-mail)
• Le site utilisant Persona
• Le fournisseur d'identité (principalement les fournisseurs d'email)

Un objet, trois fonctions

				navigator.id.request()
				navigator.id.watch()
				navigator.id.logout()
			

Tell me more !

0. Include de la librairie Persona
   <script src="https://login.persona.org/include.js"></script>
1. Ajout des boutons de connexion / déconnexion
   <button onclick="navigator.id.request()">Login</button>
2. Surveillance des actions de connexion / déconnexion
3. Vérification de l'assertion

				navigator.id.watch({
				  loggedInUser: currentUser,
				  onlogin: function(assertion) {
				    // A user has logged in! Here you need to:
				    // 1. Send the assertion to your backend for verification and to create a session.
				    // 2. Update your UI.
				    $.ajax({
				      type: 'POST',
				      url: '/auth/login', // This is a URL on your website.
				      data: {assertion: assertion},
				      success: function(res, status, xhr) { window.location.reload(); },
				      error: function(xhr, status, err) { alert("Login failure: " + err); }
				    });
				  },
				  onlogout: function() {}});
			

• Fourniture du certificat de l'utilisateur
• Génération de l'assertion
• Vérification de l'assertion

Tell me more !

• Antoine Duparay (Flaburgan) - antoine.duparay@mozfr.org
• Présentation sous CC-BY
  https://github.com/Flaburgan/presentations-mozilla
• Template HTML5 par Vadim Makeev, Opera Software
• Mozilla styling by Chris Heilmann, Mozilla
• Toutes les autre images sont à la Mozilla Foundation