Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Taking the pain out of signing users in
Search
Francois Marier
July 25, 2013
Programming
330
1
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Taking the pain out of signing users in
Francois Marier
July 25, 2013
More Decks by Francois Marier
See All by Francois Marier
Security and Privacy settings for Firefox Power Users
fmarier
0
390
Getting Browsers to Improve the Security of Your Webapp
fmarier
0
350
Hardening Firefox for Privacy and Security
fmarier
0
1.2k
Security and Privacy on the Web in 2016
fmarier
0
240
Privacy and Tracking Protection in Firefox
fmarier
0
330
Security and Privacy on the Web in 2015
fmarier
0
440
Security and Privacy on the Web in 2015
fmarier
0
220
Integrity protection for third-party JavaScript
fmarier
1
880
URL to HTML
fmarier
1
340
Other Decks in Programming
See All in Programming
PHP に部分適用が来るぞ!……ところで何それ?おいしいの? #phpcon / phpcon-2026
shogogg
0
210
Even G2とAWSで推しのエージェントを召喚しよう!
har1101
1
170
ローカルLLMでどこまでコードが書けるか -縮小版 / How much code can be written on a local LLM Shortened
kishida
2
190
SLOをサービス品質の共通言語にするために 取り組んできたこと
wakana0222
0
500
えっ!!コードを読まずに開発を!?
hananouchi
0
210
LaravelLive Japan の裏方のすべて — 第188回 PHP勉強会@東京 (2026-06-24)
suguruooki
2
150
ランチタイムLT会3周年!ランチタイムLT会を3年間続けられたお話
y0hgi
1
140
The Past, Present, and Future of Enterprise Java
ivargrimstad
0
240
気圧・高度・GPSを記録&可視化するアプリ「Koudo」を作った話
hjmkth
1
360
act2-costs.pdf
sumedhbala
0
110
はてなアカウント基盤 State of the Union
cockscomb
1
1.3k
JAWS-UG横浜 #102 AWSサ終供養LT会 成仏できない AWS サービスたち 〜本日、三体供養します〜
maroon1st
0
200
Featured
See All Featured
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
37
6.5k
Fireside Chat
paigeccino
42
4k
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
rkaga
62
45k
Neural Spatial Audio Processing for Sound Field Analysis and Control
skoyamalab
0
370
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
chikuwait
0
650
Building Experiences: Design Systems, User Experience, and Full Site Editing
marktimemedia
0
550
Done Done
chrislema
186
16k
AI Search: Where Are We & What Can We Do About It?
aleyda
0
7.7k
The Limits of Empathy - UXLibs8
cassininazir
1
500
Odyssey Design
rkendrick25
PRO
2
730
Information Architects: The Missing Link in Design Systems
soysaucechin
0
1k
More Than Pixels: Becoming A User Experience Designer
marktimemedia
3
460
Transcript
François Marier – @fmarier Taking the pain out of signing
users in
passwords
problem #1: passwords are hard to secure
None
None
None
None
None
None
None
None
None
bcrypt / scrypt / pbkdf2 per-user salt site secret password
& lockout policies secure recovery
bcrypt / scrypt / pbkdf2 per-user salt site secret password
& lockout policies secure recovery
bcrypt / scrypt / pbkdf2 per-user salt site secret password
& lockout policies secure recovery
bcrypt / scrypt / pbkdf2 per-user salt site secret password
& lockout policies secure recovery
bcrypt / scrypt / pbkdf2 per-user salt site secret password
& lockout policies secure recovery
bcrypt / scrypt / pbkdf2 per-user salt site secret password
& lockout policies secure recovery 2013 2013 password password guidelines guidelines
passwords are hard to secure they are a liability
ALTER TABLE user DROP COLUMN password;
problem #2: passwords are hard to remember
None
None
pick an easy password
use it everywhere
passwords are hard to remember they need to be reset
None
control email account control all accounts =
None
“People want a little dating before marriage.” Eric Vishria –
Rockmelt
None
decentralised
myid.com/u/francois
None
None
existing login systems are not good enough
ideal web-wide identity system
• decentralised simple cross-browser ideal web-wide identity system
• decentralised • simple cross-browser ideal web-wide identity system
• decentralised • simple • cross-browser ideal web-wide identity system
what if it were a standard part of the web
browser?
None
how does it work?
[email protected]
demo #1: http://www.voo.st/
[email protected]
Persona is already a decentralised system
decentralisation is the answer, but it's not a product adoption
strategy
we can't wait for all domains to adopt Persona
we can't wait for all domains to adopt Persona solution:
a temporary centralised fallback
demo #2: http://sloblog.io/
[email protected]
Persona already works with all email domains
identity bridging
demo #3: http://www.reasonwell.com/
[email protected]
None
None
None
None
>= 8
Persona is decentralized, simple and cross-browser
it's simple for users, but is it also simple for
developers?
None
<script src=”https://login.persona.org/include.js”> </script> </body></html>
navigator.id.watch({ loggedInUser: null, onlogin: function (assertion) { $.post('/login', {assertion: assertion},
function (data) { window.location = '/home'; } ); }, onlogout: function () { window.location = '/logout'; } });
navigator.id.watch({ loggedInUser: "
[email protected]
" onlogin: function (assertion) { $.post('/login', {assertion: assertion},
function (data) { window.location = '/home'; } ); }, onlogout: function () { window.location = '/logout'; } });
navigator.id.watch({ loggedInUser: null onlogin: function (assertion) { $.post('/login', {assertion: assertion},
function (data) { window.location = '/home'; } ); }, onlogout: function () { window.location = '/logout'; } });
navigator.id.watch({ loggedInUser: null, onlogin: function (assertion) { $.post('/login', {assertion: assertion},
function (data) { window.location = '/home'; } ); } onlogout: function () { window.location = '/logout'; } });
navigator.id.watch({ loggedInUser: null, onlogin: function (assertion) { $.post('/login', {assertion: assertion},
function (data) { window.location = '/home'; } ); }, onlogout: function () { window.location = '/logout'; } });
None
navigator.id.request()
None
None
None
navigator.id.watch({ loggedInUser: null, onlogin: function (assertion) { $.post('/login', {assertion: assertion},
function (data) { window.location = '/home'; } ); }, onlogout: function () { window.location = '/logout'; } });
navigator.id.watch({ loggedInUser: null, onlogin: function (assertion) { $.post('/login', {assertion: assertion},
function (data) { window.location = '/home'; } ); }, onlogout: function () { window.location = '/logout'; } });
def verify_assertion(assertion): page = requests.post( 'https://verifier.login.persona.org/verify', data={ "assertion": assertion, "audience":
'http://123done.org'} ) data = page.json return data.status == 'okay'
def verify_assertion(assertion): page = requests.post( 'https://verifier.login.persona.org/verify', data={ "assertion": assertion, "audience":
'http://123done.org'} ) data = page.json return data.status == 'okay'
def verify_assertion(assertion): page = requests.post( 'https://verifier.login.persona.org/verify', data={ "assertion": assertion, "audience":
'http://123done.org'} ) data = page.json return data.status == 'okay'
{ status: “okay”, audience: “http://123done.org”, expires: 1344849682560, email: “
[email protected]
”, issuer:
“login.persona.org” }
{ status: “failed”, reason: “assertion has expired” }
None
None
navigator.id.logout()
navigator.id.watch({ loggedInUser: null, onlogin: function (assertion) { $.post('/login', {assertion: assertion},
function (data) { window.location = '/home'; } ); }, onlogout: function () { window.location = '/logout'; } });
None
1. load javascript library 2. setup login & logout callbacks
3. add login and logout buttons 4. verify proof of ownership
1. load javascript library 2. setup login & logout callbacks
3. add login and logout buttons 4. verify proof of ownership
1. load javascript library 2. setup login & logout callbacks
3. add login and logout buttons 4. verify proof of ownership
1. load javascript library 2. setup login & logout callbacks
3. add login and logout buttons 4. verify proof of ownership
you can add support for Persona in four easy steps
one simple request
None
building a new site: default to Persona
working on an existing site/app: add support for Persona
To learn more about Persona: https://login.persona.org/ http://identity.mozilla.com/ 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
© 2013 François Marier <
[email protected]
> This work is licensed under
a Creative Commons Attribution-ShareAlike 3.0 New Zealand License. Hotel doorman: https://secure.flickr.com/photos/wildlife_encounters/8024166802/ Top 500 passwords: http://xato.net/passwords/more-top-worst-passwords/ Parchment: https://secure.flickr.com/photos/27613359@N03/6750396225/ Uncle Sam: https://secure.flickr.com/photos/donkeyhotey/5666065982/ Restaurant dinner: https://secure.flickr.com/photos/yourdon/3977084094/ Stop sign: https://secure.flickr.com/photos/artbystevejohnson/6673406227/ Photo credits: