Auth0 从锁定小部件迁移到 auth0-js：如何自定义外观

Question

我的 angular 应用程序使用 auth0 进行身份验证。早些时候，它使用锁定小部件来显示登录对话框。现在我正在迁移到 auth0-js，如 this 指南中所述。

之前，我可以通过以下参数自定义锁定小部件并提供自己的徽标和主题颜色。

theme: {
    logo: 'assets/images/mylogo.png',
    primaryColor: '#0275d8'
},

但是，我在 auth0-js 中找不到任何类似的内容。

有什么方法可以为登录屏幕提供自定义日志吗？

Answer 1

Auth0.js - 用于 Auth0 API 访问的客户端 Javascript 工具包。

您可以将 auth0.js 视为 "headless"。它不提供任何外观定制，而是将其与您正在使用的任何定制 UI 解决方案集成。

Lock - 支持通过用户名/密码、社交和企业身份提供者进行身份验证的身份验证代理。

Lock 提供开箱即用的 UI "widget"，然后允许您添加自定义 UI 的设置（登录、注册、忘记密码、其他连接类型等等）

所以你的决定真的是 锁定与自定义 UI - Auth0 文档在这里提供了一些很好的建议来帮助你做出正确的决定。

Auth0 migrating from lock widget to auth0-js: How to customize look and feel