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

【问题标题】：Auth0 migrating from lock widget to auth0-js: How to customize look and feelAuth0 从 lock 小部件迁移到 auth0-js：如何自定义外观
【发布时间】：2018-03-04 14:03:30
【问题描述】：

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

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

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

但是，我在auth0-js 中找不到类似的东西。

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

【问题讨论】：

嗨，下面的答案有帮助吗？
我理解这个问题，但不确定接受的答案是否涵盖它。当您在 auth0.js 中调用授权函数时，它会将用户重定向到与 lock.js 放置的几乎完全相同的屏幕（但无法自定义）。我也不觉得 auth0 网站上的答案是决定性的。在帮助页面上，它建议对 SPA 使用 lock，但是如果您单击他们的 SPA 快速入门，则找不到 lock。
您在使用通用登录吗？

标签： auth0

【解决方案1】：

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

https://github.com/auth0/auth0.js

您可以将 auth0.js 视为“无头”。它不提供任何外观和感觉自定义，而是将它与您正在使用的任何自定义 UI 解决方案集成。

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

https://github.com/auth0/lock

Lock 提供了一个开箱即用的 UI“小部件”，然后允许您添加自定义该 UI 的设置（登录、注册、忘记密码、其他连接类型等）

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

https://auth0.com/docs/libraries/when-to-use-lock

【讨论】：