Auth0 - 登录小部件不显示企业连接

Question

我使用入门模板创建了一个 Auth0 应用程序 - Hybrid Mobile App > Ionic > ASP.NET Web API

我已按照文档创建到我的组织 IDP（在本例中为 Okta）的企业连接，并且我已经成功测试了该连接。但是，登录小部件不显示此连接选项：

我似乎找不到任何关于如何向小部件添加更多连接的文档。查看代码，该项目似乎正在使用 Auth0 angular 但我也没有看到任何东西。我知道引导代码正在导入锁库 - 但我没有看到任何地方调用锁方法，所以我不确定它是否使用 Auth0 锁小部件。

如有任何帮助，我们将不胜感激！

Answer 1

要将企业连接与 Lock 一起使用，您需要将它们关联到一个或多个电子邮件域。例如，如果您使用的是 SAML 连接：

如果您在 Lock 中键入 @example.com 电子邮件地址，它会提示您直接使用该连接登录。

如果您不想使用此功能并希望有一个按钮可以直接登录，you can add it dynamically 到连接列表。例如：

widget.once('signin ready', function() {
    var link = $('<a class="a0-zocial a0-sharepoint" href="#"><span>Login with Okta</span></a>');
    link.appendTo('.a0-iconlist');
    link.on('click', function() {
        widget.getClient().login({connection: 'your-okta-connection-name'});
    });
});