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