Подключение библиотечных веб-компонентов в прикладной проект
Предусловия
Для успешного подключения в прикладной проект библиотечных веб-компонентов должны быть выполнены следующие условия:
-
К проекту пользовательского интерфейса подключен PBC, использующий библиотечные PBC
-
Библиотечный PBC имеет проект интерфейса в Дизайнере пользовательского интерфейса и библиотеку, выпущенную по инструкции Q.Palette (opens in a new tab)
Важно: убедитесь, что системное наименование проекта-библиотеки аналогично наименованию библиотеки в Nexus и удовлетворяет требованиям: указано в lowercase и соответствует шаблону:
q*-ui-lib, где * - любой непустой набор символов -
Веб-компоненты библиотечного РВС зарегистрированы в Реестре компонентов (opens in a new tab)
-
Проект интерфейса библиотечного PBC содержит настроенное меню
Способы подключения библиотечных веб-компонентов в проект
Доступно 2 способа подключения в проект веб-компонентов библиотечных PBC:
-
Вручную - при создании страницы по Q.Archer
-
Автоматически - по событию публикации паспорта PBC
Автоматическое подключение библиотечных веб-компонентов
Автоматическое подключение библиотечных компонентов выполняется по событию публикации паспорта прикладного PВС - qdpbc-pbc-passport-version-event.
Чтобы автоматически добавить в проект веб-компоненты библиотечных PBC, выполните действия:
-
Перейдите к списку PBC в Q.Archer
-
Найдите свой PBC
-
Выберите пункт меню Библиотечные PBC в меню кнопки Дополнительно
-
Добавьте библиотечный PBC
-
Опубликуйте паспорт своего PBC
Индикаторами успешного подключения библиотечных веб-компонентов в прикладной проект являются следующие (в качестве примера показана библиотека Проект технологической платформы с веб-компонентом qhprjs):
| Индикатор | Пример |
|---|---|
| В разделе Страницы проекта добавлена папка Библиотечные UI, содержащая страницы с веб-компонентами, предоставленными библиотечным PBC | ![]() |
| При открытии страницы с подключенным веб-компонентом (из папки Библиотечные UI) отображается библиотечный компонент | ![]() |
| В меню проекта добавлена группа меню проекта интерфейса библиотечного PBC (если меню настроено в проекте интерфейса библиотечного PBC) | ![]() |
Библиотека подключена в коде проекта в angular.json (строка 71 в примере) | ![]() |
Библиотека подключена в коде проекта в package.json(строка 45) в примере | ![]() |
Библиотечный веб-компонент подключен в .components.html | ![]() |
Обратите внимание: если у прикладного PBC нет проекта интерфейса, то после подключения библиотечного PBC и публикации паспорта прикладного PBC проект интерфейса будет создан автоматически
Важно: права доступа к автоматически созданному проекту предоставляются руководителю команды, ответственной за прикладной PBC. Далее РК может выдать участникам своей команды необходимый набор прав на проект интерфейса





