Виджет Вход

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

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

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

Примеры

Используйте этот виджет для поддержки требований к разработке приложений, таких как:

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

Примечания по использованию

Когда вы добавляете виджет Вход на страницу, появляется окно Быстрый стиль. Можно выбрать предварительно настроенный дизайн, который подходит к теме вашего приложения. (Чтобы получить доступ к этому окну снова, щелкните кнопку Быстрый стиль Быстрый стиль на панели инструментов виджета.) Вы можете дополнительно настроить внешний вид виджета в настройках Внешнего вида.

Панель инструментов виджета Вход включает в себя кнопку Переключить предварительный просмотр входа в систему Переключить предварительный просмотр входа в систему. Вы можете использовать эту кнопку для переключения между предварительным просмотром виджета в состоянии входа в систему и в состоянии выхода из системы.

Подсказка:

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

Настройки

Виджет Вход включает в себя следующие настройки:

  • Отображение страницы входа — выберите поведение, при котором пользователь нажимает кнопку виджета, не входя в систему:
    • Всплывающее окно — Появляется окно, которое предлагает пользователю выполнить вход.
    • Перенаправлять на страницу входа — виджет перенаправляет пользователя на страницу входа в ArcGIS. Как только пользователь входит в систему с действительной учетной записью, он возвращается в приложение.
    Примечание:

    Когда вы встраиваете приложение Experience Builder в другое приложение или веб-сайт, всплывающее окно всегда появляется при входе в систему, когда пользователь нажимает на виджет во встроенном приложении, независимо от того, какой вариант вы здесь выберете.

  • Настройки после входа — настройте следующие параметры, связанные с поведением виджета после входа пользователя в систему:
    • Перенаправлять после выполнения входа — при желании добавьте ссылку, по которой пользователи смогут перейти на определенную страницу, вид или окно в вашем приложении, или перейти по веб-адресу сразу после успешного входа в систему. Если вы указываете ссылку на веб-адрес, введите URL (который начинается с https://). Вы можете выбрать, откроется ли перенаправление в том же окне, что и приложение, в верхнем окне или в новом окне.
    • Перенаправлять после выполнения выхода — при желании добавьте ссылку, по которой пользователи смогут перейти на определенную страницу, вид или окно в вашем приложении, или перейти по веб-адресу сразу после успешного выхода из системы. Если вы указываете ссылку на веб-адрес, введите URL (который начинается с https://). Вы можете выбрать, откроется ли перенаправление в том же окне, что и приложение, в верхнем окне или в новом окне.
    • По щелчку на кнопке входа — выберите действие, которое будет выполняться, когда пользователь нажмет виджет во время входа в систему:
      • Выход из системы напрямую — виджет выходит из учетной записи пользователя.
      • Включить пользовательское меню — когда пользователь нажимает на кнопку, появляется ниспадающее меню. В меню всегда есть опции Переключить учетные записи и Выйти из системы. Вы можете включить следующие дополнительные элементы и опции:
        • Показать имя пользователя — включите в меню название профиля учетной записи.
        • Показать аватар пользователя — включите в меню изображение аватара учетной записи.
        • Показать "Мой профиль" — включите ссылку на страницу профиля учетной записи.
        • Показать "Мои настройки" — включите ссылку на страницу настроек учетной записи.
        • Показать ограниченные ресурсы (при наличии) — включите в приложение список ресурсов, к которым текущая учетная запись не имеет доступа.
        • Добавить ссылку — добавьте ссылку в ниспадающее меню. Для каждой ссылки вы можете ввести надпись и URL-адрес https://.
  • Оформление — измените оформление виджета Вход.
    • Значок — добавьте значок для кнопки входа. Этот значок появляется, когда пользователь выходит из системы. Аватар пользователя появляется, когда пользователь входит в свою учетную запись. Вы можете выбрать значки из галерей по умолчанию или загрузить свою собственную иконку из файла.
    • Вы можете переопределить шрифт и цвета, унаследованные от темы приложения, чтобы оформить два состояния виджета. По умолчанию — это состояние виджета без взаимодействия с пользователем, а При наведении — это состояние, инициируемое пользователем, когда он указывает на виджет или щелкает по нему. Вы можете настроить следующие параметры:
      • Текст – измените размер шрифта (в пикселах) и цвет шрифта, а также стиль текста виджета (полужирный, курсив, зачеркнутый или подчеркнутый).
      • Значок – измените размер (в пикселах) и цвет значка виджета.
      • Фон – выберите цвет или изображение заливки для фона виджета. Если вы выберете изображение, вы можете разместить его на виджете с помощью опций Вписать, Заполнить, По центру, Листами или Растянуть. Если вы выбрали Вписать, то вокруг изображения будет показан выбранный цвет заливки фона.
      • Граница – выберите цвет границы, стиль (штриховой или точками), а также толщину в пикселах. Вы можете присвоить стили всем сторонам рамки одновременно или каждой из них по отдельности.
      • Радиус границы – измените размер радиуса (в пикселах или процентах), чтобы настроить форму углов виджета.
      • Тень – добавьте эффект тени вокруг виджета с помощью следующих настроек:
        • Сдвиг по X – задайте горизонтальное расстояние для тени. При отрицательных значениях тень располагается слева от кнопки, а при положительных - справа.
        • Сдвиг по Y – задайте вертикальное расстояние для тени. При отрицательных значениях тень располагается сверху от кнопки, а при положительных - снизу.
        • Радиус размытия – примените эффект размытия для тени.
        • Радиус разброса – задайте размер тени.
        • Цвет – выберите цвет тени.
      • Ниспадающее меню — измените внешний вид ниспадающего меню, которое появляется при включении параметра Включить пользовательское меню:
        • Текст – измените размер шрифта (в пикселах) и цвет шрифта, а также стиль текста меню (полужирный, курсив, зачеркнутый или подчеркнутый).
        • Фон – выберите цвет или изображение заливки для фона меню. Если вы выберете изображение, вы можете разместить его в меню с помощью опций Вписать, Заполнить, По центру, Листами или Растянуть. Если вы выбрали Вписать, то в меню вокруг изображения будет показан фоновый цвет.
        • Граница – выберите цвет границы, стиль (штриховой или точками), а также толщину в пикселах. Вы можете присвоить стили всем сторонам рамки одновременно или каждой из них по отдельности.
        • Тень – добавьте эффект тени вокруг меню, используя следующие настройки:
          • Сдвиг по X – задайте горизонтальное расстояние для тени. При отрицательных значениях тень располагается слева от кнопки, а при положительных - справа.
          • Сдвиг по Y – задайте вертикальное расстояние для тени. При отрицательных значениях тень располагается сверху от кнопки, а при положительных - снизу.
          • Радиус размытия – примените эффект размытия для тени.
          • Радиус разброса – задайте размер тени.
          • Цвет – выберите цвет тени.