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

Question

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

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

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

这里的任何帮助将不胜感激！

Answer 1

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

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

如果你不想使用这个功能，想要有一个按钮直接登录，你可以将它动态添加到连接列表中。例如：

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'});
    });
});