Настройка страницы входа
Данный раздел содержит описание примера кастомизации страницы входа в Web-клиент.
В этом примере демонстрируется возможность внедрения своего кода на страницу входа в Docsvision Web-клиент, а именно:
-
Выполнение кода при определённых событиях(тип
LoginEvents
в модуле@docsvision/webclient/Account
). -
Подмена текста на страницы(объект
defaultLoginResources
в модуле@docsvision/webclient/Account
). -
Замена компонентов страницы(объект
LoginView
в модуле@docsvision/webclient/Account/LoginContainer
). -
Добавление стилей на страницу.
Пример рассчитан на версию Web-клиента 6.1 или выше.
Сборка и установка
-
Откройте консоль в папке
ClientScripts\TypeScript\LoginPage
и выполните командуnpm install
, затемnpm run build:prod
. -
Скопируйте каталог
SamplesOutput\Content\Account\Scripts
в каталогПуть к сайту Web-клиента\Content\Account\Scripts
. -
Перезапустите dvwebclient.
Дополнительная информация
-
Рекомендуется осуществлять сборку в виде umd модуля.
-
Для корректной работы расширения нужно создать файл или файлы с расширением
.js
и положить в папкуПуть к сайту Web-клиента\Content\Account\Scripts
, код будет выполнен перед загрузкой приложения и выполнениемReactDOM.render()
. -
Чтобы добавить стили, нужно создать файл или файлы с расширением
.сss
и положить в папкуПуть к сайту Web-клиента\Content\Account\Styles
, стили загружаются после основных стилей страницы. -
Входной точкой для внедрения кода на страницу является объект
loginExtensionManager
доступный глобально через объектwindows
. -
Код расширения будет выполнен перед загрузкой приложения и выполнением
ReactDOM.render()
, но после загрузки библиотек React и ReactDOM. -
Методы
loginExtensionManager
, а также возможные ресурсы, компоненты и события для замены обозначены в виде типов и интерфейсов в модуле@docsvision/webclient/Account
.