Universal vs Embedded Login
Migrating from Lock v10 to v11
This guide includes all the information you need to update your Single Sign-on (SSO)Lock v10 application to Lock v11.
Pros and cons
Universal Login with Auth0
Embedded login with Auth0
Update the Single Sign-on (SSO)Lock library using npm or yarn.
Once updated, you can add it to your build system or bring it in to your project with a script tag.
If you do not want to use a package manager, you can retrieve Lock from Auth0's CDN.
Configure your Auth0 application for embedded login
When implementing embedded login, Lock v11 will use cross-origin calls inside hidden iframes to perform authentication. To make sure this can be done securely, Auth0 needs to know the domains where you will be hosting your applications.
Add the domain to the Allowed Web Origins field. You can find this field in the Application Settings area of your Dashboard.
Change calls to getProfile()
getProfile() function was reimplemented in Lock 11. The previous implementation received an ID Token as a parameter and returned the user profile.
The new implementation requires an OpenID Connect (OIDC)Access Token parameter instead.
Remove the oidcConformant parameter
oidcConformant flag was set to true, Lock 10 used Cross Origin Authentication, and did not use the '/usernamepassword/login' and '/ssodata' endpoints.
Given Lock 11 always uses Cross Origin Authentication and does not use the '/ssodata' endpoint, this flag is not longer needed. If specified, it will be ignored.
Configure your custom domain
Ensure that your application updates are made prior to setting up custom domains in your application, as the older versions of Lock v11 will not work when configured with a custom domain.
Use the custom domain when instantiating Lock.
- Set the
If you intend to use the Auth0.js
auth0.Management to get user information or perform account linking operations, you will need to instantiate a new Auth0 object with the Auth0 domain rather than your custom domain. The Management API only accepts Auth0 domains.
See the Auth0.js documentation on user management for more information on using the Management API in Auth0.js.
Verifying your migration
Once you have migrated your codebase, you should no longer see deprecation notes in your logs.
If you would like to be sure that your applications are no longer calling the legacy endpoints, you can go to the Dashboard under Tenant Settings > Advanced then scroll down to Migrations and toggle off the Legacy Lock API switch. Turning off this switch will disable the deprecated Lock / Auth0.js endpoints for your tenant, preventing them from being used at all.
After disabling this switch, if the Legacy Lock API errors in your logs do not clear up or if turning it off results in failed logins, this is a sign that you have yet to completely remove all instances of legacy code from your applications.
Once migrations have been successfully performed in production environments, the switch can be toggled off and left off, to ensure that the deprecated features can no longer be used.
Behavioral changes in Lock v11
Usage in popup mode
When using popup mode in previous versions of Lock, a new browser window was opened and immediately closed in order to complete the authentication transaction. In Lock 11, that window is opened on a hidden iframe, providing a better user experience.
Lock 11 will never show the Last time you logged in with window when using the Authorization Code Flow (that is, when specifying
response_type='code'). It will always prompt for credentials.
Last time you logged in with window and redirects
The Last time you logged in with window will never do a redirect, even when the
redirect option is set to
true. Lock11 still emits the
authenticated event and you should subscribe to that event to get the authentication result.
If you want to avoid showing the Lock dialog when there's an existing session in the server, you can use Auth0.js's checkSession() function.
Single sign-on using IP ranges
In earlier versions of Lock, you could configure an IP range in an Active Directory/LDAP connection. You could then use that range to allow integrated Windows Authentication if the user's IP was within the range. When this was true, Lock would display a button that users could click and get redirected to the integrated authentication dialog.
This functionality has been removed from embedded login using Lock 11. There is no IP detection, and the user will need to type user and password in Lock. It is still available when using SAMLUniversal Login.
Lock 11 will default the passwordlessscope parameter to
'openid profile email'. This is to make the Last time you logged in with window work correctly.
If you are running your website from
http://127.0.0.1 and you do not specify the
openid profile email scope when initializing Lock, you may get the following error in the browser console:
This will not happen when you run your application in production, or if you specify the required scope. You can read more about this scenario in the documentation on skipping consent for first-party applications.
Single Sign-On with embedded authentication
Apps with embedded login must meet two criteria in order to have Single Sign-on (SSO).
- Both of the applications attempting SSO must be first-party applications. SSO with third party applications will not work.
- They need to make use of custom domains and have both the applications which intend to have SSO as well as the Auth0 tenant on the same domain. Traditionally, Auth0 domains are in the format
foo.auth0.com, but custom domains allow you to use the same domain for each of the applications in question as well as your Auth0 tenant, preventing the risk of CSRF attacks.