Auth0 allowLogIn和allowRegister

Question

我有一个web应用程序和移动应用程序使用相同的Auth0应用程序登录。我遵循了这个Auth0 angular guide (https://auth0.com/docs/quickstart/spa/angular2/01-login)和Auth0 Ionic3 guide (https://auth0.com/docs/quickstart/native/ionic3/01-login)，一切都很正常。

现在我的应用程序有两个不同的登录和注册按钮。当单击登录时，我希望仅显示Auth0登录对话框，而当单击注册时，我希望仅显示Auth0注册。

因为我没有使用Auth0锁，所以allowLogin选项不起作用。我想知道有没有办法做到这一点？此外，我将需要修改Auth0用户界面，以匹配我的应用程序主题。

任何帮助都将不胜感激。

非常感谢，杰伊

Answer 1

我相信有两种方法可以使用我们的堆栈开发应用程序。你可以选择Lock，它为你提供了一个通用的UI，你可以根据你的需要或多或少地进行定制，同时使用SDK，它可以在后台访问适当的API端点，等等(在这里你可以使用allowLogin)

另一种方法需要您进行更多的开发工作，因为您将只使用我们的Authentication API访问正确的端点来处理登录/注册/注销，并且使用该解决方案，您将需要构建UI本身(您可以基于您的项目需求构建UI)

我希望这对你的前进道路有所帮助。谢谢!

Answer 2

由于您使用的是auth0-js，所以在调用authoirze()方法时，可能会在托管的登录页面中传递额外的参数。

然后，您可以在托管登录页面中捕获额外的参数，并将该参数作为锁配置进行传递。

(请注意，auth0托管登录页面使用lock作为默认登录模板)。要实现您的目标，请在托管登录页面中启用自定义。https://auth0.com/docs/universal-login/advanced-customization

登录：

当用户单击应用程序中的Login按钮时，传递一个参数以禁用注册。

 var auth0 = new auth0.WebAuth({
    clientID: environment.auth0.client_id,
    domain: environment.auth0.domain,
    responseType: environment.auth0.responseType,
    audience: environment.auth0.audience,
    redirectUri: environment.auth0.callbackurl,
    scope: environment.auth0.scope,
  });

  const params = {
      allow_signup:false,

    };
    this.auth0.authorize(params);

然后，在托管页面中，捕获额外的参数并传递给lock配置选项。

   //Access the addtional parameters in the hosted login page like below
    console.log(config.extraParams.allow_signup);

allowSignUp: config.extraParams.allow_signup

https://auth0.com/docs/libraries/lock/v11/configuration#allowsignup-boolean-

注册：

对注册应用相同的技术。在Lock中禁用登录。

 var auth0 = new auth0.WebAuth({
    clientID: environment.auth0.client_id,
    domain: environment.auth0.domain,
    responseType: environment.auth0.responseType,
    audience: environment.auth0.audience,
    redirectUri: environment.auth0.callbackurl,
    scope: environment.auth0.scope,
  });

  const params = {
      allow_login:false,

    };
    this.auth0.authorize(params);

然后，在托管页面中，捕获额外的参数并传递给lock配置选项。

   //Access the addtional parameters in the hosted login page like below
    console.log(config.extraParams.allow_login);

allowLogin: config.extraParams.allow_login

https://auth0.com/docs/libraries/lock/v11/configuration#allowlogin-boolean-