Two- / Multi- Factor Authenication (2FA / MFA / OTP) for browser JavaScript
Two- / Multi- Factor Authenication (2FA / MFA) for browser JavaScript
There are a number of apps that various websites use to give you 6-digit codes to increase security when you log in:
* Authy iPhone | Android | Chrome | Linux | OS X | BlackBerry
* Google Authenticator iPhone | Android
* Microsoft Authenticator Windows Phone | Android
* GAuth FxOS
There are many Services that Support MFA,
including Google, Microsoft, Facebook, and Digital Ocean for starters.
This module uses botp which implements TOTP (RFC 6238)
(the Authenticator standard), which is based on HOTP (RFC 4226)
to provide codes that are exactly compatible with all other Authenticator apps and services that use them.
Demo
====
You may also be interested in Node Authenticator over at
Usage
=====
``bash`
bower install authenticator --save
`javascript
'use strict';
var authenticator = window.Authenticator;
authenticator.generateKey().then(function (formattedKey) {
// "acqo ua72 d3yf a4e5 uorx ztkh j2xl 3wiz"
authenticator.generateTotpUri(formattedKey, "john.doe@email.com", "ACME Co", 'SHA1', 6, 30);
//
// otpauth://totp/ACME%20Co:john.doe@email.com?secret=ACQOUA72D3YFA4E5UORXZTKHJ2XL3WIZ&issuer=ACME%20Co&algorithm=SHA1&digits=6&period=30
authenticator.generateToken(formattedKey).then(function (formattedToken) {
// "957 124"
authenticator.verifyToken(formattedKey, formattedToken).then(function (result) {
// { delta: 0 }
});
authenticator.verifyToken(formattedKey, '000 000').then(function (result) {
// null
});
});
});
`
In total there are only a few hundred lines of uncompressed code here.
Each file is very small.
`
`
`
`
TODO: I'd love some help pruning the important bits out of the forge code.
Just using an alternate CPRNG would be very helpful in trimming the fat.
generates a 32-character (160-bit) base32 key
generates a 6-digit (20-bit) decimal time-based token
validates a time-based token within a +/- 30 second (90 seconds) window
returns null on failure or an object such as { delta: 0 } on success
generates an OTPAUTH:// scheme URI for QR Code generation.
OTPAuth Scheme
*
* otpauth://totp/<
*
Note that ISSUER is specified twice for backwards / forwards compatibility.
QR Code
-------
See
Example use with qrcode.js in the browser:
`javascript
'use strict';
var el = document.querySelector('.js-qrcode-canvas');
var link = "otpauth://totp/{{NAME}}?secret={{KEY}}";
var name = "Your Service";
// remove spaces, hyphens, equals, whatever
var key = "acqo ua72 d3yf a4e5 uorx ztkh j2xl 3wiz".replace(/\W/g, '').toLowerCase();
var qr = new QRCode(el, {
text: link.replace(/{{NAME}}/g, name).replace(/{{KEY}}/g, key)
});
`
Formatting
----------
All non-alphanumeric characters are ignored, so you could just as well use hyphens
or periods or whatever suites your use case.
These are just as valid:
* "acqo ua72 d3yf a4e5 - uorx ztkh j2xl 3wiz"
* "98.24.63"
0, 1, 8, and 9 also not used (so that base32).
To further avoid confusion with O, o, L, l, I, B, and g
you may wish to display lowercase instead of uppercase.
TODO: should this library replace 0 with o, 1 with l (or I?), 8 with b, 9 with g, and so on?
90-second Window
----------------
The window is set to +/- 1, meaning each token is valid for a total of 90 seconds
(-30 seconds, +0 seconds, and +30 seconds)
to account for time drift (which should be very rare for mobile devices)
and humans who are handicapped or otherwise struggle with quick fine motor skills (like my grandma).
Install WebApp
--------------
`bash``
git clone --depth 1 https://git.coolaj86.com/coolaj86/browser-authenticator.js.git