Security News
RubyGems.org Adds New Maintainer Role
RubyGems.org has added a new "maintainer" role that allows for publishing new versions of gems. This new permission type is aimed at improving security for gem owners and the service overall.
auth0-lock
Advanced tools
Auth0 is an authentication broker that supports social identity providers as well as enterprise identity providers such as Active Directory, LDAP, Google Apps, Salesforce.
The Auth0 Lock makes it easy to integrate SSO in your app. You won't have to worry about:
You can try it out yourself online at our Auth0 Lock playground.
From npm:
npm install auth0-lock
From bower:
bower install auth0-lock
Or our CDN:
<!-- Latest major release -->
<script src="http://cdn.auth0.com/js/lock-6.min.js"></script>
<!-- Latest minor release -->
<script src="http://cdn.auth0.com/js/lock-6.x.min.js"></script>
<!-- Latest patch release -->
<script src="http://cdn.auth0.com/js/lock-6.x.y.min.js"></script>
You can use Auth0Lock with Popup mode or Redirect mode. To learn more about these modes, you can read the Authentication Modes page. There are different ways of implementing them according to your application needs. To see what kind of settings you should be using you can check the Types of Applications article.
// Initialize Auth0Lock with your `clientID` and `domain`
var lock = new Auth0Lock('xxxxxx', '<account>.auth0.com');
// and deploy it
var login = document.querySelector('a#login')
login.onclick = function (e) {
e.preventDefault();
lock.show(function onLogin(err, profile, id_token) {
if (err) {
// There was an error logging the user in
return alert(err.message);
}
// User is logged in
});
};
This is just one example of how Auth0Lock could work with a Single Page Application (SPA). Read the Single Page Applications and the Regular Web Applications articles for a full explanation on how to implement those scenarios with Auth0 Lock and when to use each.
Initialize Auth0Lock
with a clientID
and the account's domain
.
var lock = new Auth0Lock('xxxxxx', '<account>.auth0.com');
Note: For a full detail on options and parameters you can check the Auth0Lock initialization wiki notes.
Open the widget on signin
mode with signup
and reset
button actions if enabled for the configured/default account connection.
You may call this method with a single parameter, two or even none. The following examples ilustrate this:
var lock = new Auth0Lock('xxxxxx', '<account>.auth0.com');
// using defaults and resolved configuration
// from you account details
lock.show();
// passing some options
lock.show(options);
// provide with a callback `fn` to be invoked
// at success or error authentication
lock.show(function (err, profile, token) {});
// or both options and callback
lock.show(options, function (err, profile, token) {});
Check the Auth0Lock customization article for more examples and options specification. Or enter the Authentication modes notes to learn more about implementing different authentication mechanics.
Open the widget on signin
mode, but withouht the bottom signup
nor reset
button actions. This method is useful when your site has custom signup and reset links at a different form.
You may call this method with a single parameter, two or even none. The following examples ilustrate this:
var lock = new Auth0Lock('xxxxxx', '<account>.auth0.com');
// using defaults and resolved configuration
// from you account details
lock.showSignin();
// passing some options
lock.showSignin(options);
// provide with a callback `fn` to be invoked
// on `reset` success or error
lock.showSignin(function (err, profile, token) {});
// or both options and callback
lock.showSignin(options, function (err, profile, token) {});
Check the Auth0Lock customization article for more examples and options specification. Or enter the Authentication modes notes to learn more about implementing different authentication mechanics.
Open the widget on signup
mode, but withouht the cancel
button action to go back to signin
. This method is useful when your site has custom signin and reset links at a different form.
You may call this method with a single parameter, two or even none. The following examples ilustrate this:
var lock = new Auth0Lock('xxxxxx', '<account>.auth0.com');
// using defaults and resolved configuration
// from you account details
lock.showSignup();
// passing some options
lock.showSignup(options);
// provide with a callback `fn` to be invoked
// on `reset` success or error
lock.showSignup(function (err) {});
// or both options and callback
lock.showSignup(options, function (err) {});
Check the Auth0Lock customization article for more examples and options specification. Or enter the Authentication modes notes to learn more about implementing different authentication mechanics.
Open the widget on reset
mode, but withouht the bottom cancel
button action to go back to signin
. This method is useful when your site has custom signin and signup links at a different form.
You may call this method with a single parameter, two or even none. The following examples ilustrate this:
var lock = new Auth0Lock('xxxxxx', '<account>.auth0.com');
// using defaults and resolved configuration
// from you account details
lock.showReset();
// passing some options
lock.showReset(options);
// provide with a callback `fn` to be invoked
// on `reset` success or error
lock.showReset(function (err) {});
// or both options and callback
lock.showReset(options, function (err) {});
Check the Auth0Lock customization article for more examples and options specification. Or enter the Authentication modes notes to learn more about implementing different authentication mechanics.
Close the widget and invoke callback
when removed from DOM.
var lock = new Auth0Lock('xxxxxx', '<account>.auth0.com');
// normal display
lock.show(options);
// trigger hide when esc key pressed
document.addEventListener('keypress', function(e) {
// hide if esc
lock.hide();
}, false);
Log out loggedin user with optional query parameters for the GET
request.
var lock = new Auth0Lock('xxxxxx', '<account>.auth0.com');
// Call logout with query parameters
lock.logout({ ref: window.location.href });
The example directory has a ready-to-go app. In order to run it you need node installed.
Then execute npm i
to install dependencies (only once) and npm example
from the root of this project.
Finally, point your browser at http://localhost:9999/
and play around.
We ensure browser compatibility in Chrome
, Safari
, Firefox
and IE >= 9
. We currently use zuul along with Saucelabs to run integration tests on each push.
< v6.0.0
repository and docs.FAQs
Auth0 Lock
The npm package auth0-lock receives a total of 12,609 weekly downloads. As such, auth0-lock popularity was classified as popular.
We found that auth0-lock demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 0 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
RubyGems.org has added a new "maintainer" role that allows for publishing new versions of gems. This new permission type is aimed at improving security for gem owners and the service overall.
Security News
Node.js will be enforcing stricter semver-major PR policies a month before major releases to enhance stability and ensure reliable release candidates.
Security News
Research
Socket's threat research team has detected five malicious npm packages targeting Roblox developers, deploying malware to steal credentials and personal data.