Auth0: экран блокировки настройки продолжал появляться (AngularJs)

Question

Я загрузил проект быстрого запуска auth0, AngularJs SPA, чтобы запустить свое приложение по https://github.com/auth0-samples/auth0-angularjs-samples/tree/master/01-Login. Работает нормально, без проблем.

Однако, когда я следую инструкциям из https://auth0.com/docs/libraries/lock/v11/ui-customization чтобы настроить свой пользовательский интерфейс блокировки, первый раз появляется пользовательский интерфейс блокировки, но после этого диалоговое окно блокировки продолжало появляться. Ниже приведен мой код:

function run(authService) {
    // Handle the authentication
      // result in the hash
      debugger;
      // Initializing our Auth0Lock
      var options = {
          theme: {
              logo: 'assets/images/cat.png',
              primaryColor: "#0077be"
          },
          languageDictionary: {
              title: "Log in"
          },
          auth: {
              redirectUrl: 'http://localhost:23321/#/callback'
          }
      }
      var lock = new Auth0Lock(AUTH0_CLIENT_ID, AUTH0_DOMAIN, options);
      lock.show();

     // original code from quickstart
      authService.handleAuthentication();
  }

Я пытался разместить параметры в функции входа в authService.js, но он все еще не работает. Я попытался закомментировать lock.show(), вместо этого появляется стандартный интерфейс блокировки. Может ли кто-нибудь здесь помочь? Большое спасибо!

Answer 1

В примере по умолчанию используются страницы входа в систему. Чтобы изменить интерфейс блокировки на размещенных страницах, вам нужно применять конфигурации пользовательского интерфейса на размещенных страницах, а не в коде приложения.

Если вы используете блокировку во встроенном режиме, т.е. нет перенаправления на конечную точку авторизации Auth0 /authorize Затем вам нужно будет изменить конфигурацию блокировки из самого приложения.