Вы можете добавить созданный дашборд на какой-либо внешний ресурс (например, на страницу стороннего сайта) с помощью HTML-тега <iframe>. Для этой цели нужно выполнить следующие шаги:
Администратору платформы необходимо выполнить настройки в Keycloak.
Скопировать ссылку на дашборд и встроить ее на требуемую страницу сайта.
Выполнение администратором настроек в Keycloak
Откройте Keycloak по адресу:
<domain>/v3/keycloak/admin/Visiology/console/
где<domain>– домен или IP-адрес сервера платформы.В боковой панели нажмите Настройки Realm:
В открывшемся окне перейдите на вкладку Защита безопасности и в поле Content-Security-Policy введите следующую строку:
frame-src 'self'; frame-ancestors 'self'; <адрес сайта>; object-src 'none';
где<адрес сайта>– адрес портала или сайта, куда вы хотите встроить дашборд. Например,https://site.ru
Нажмите Сохранить в нижней части окна.
Обратите внимание, что протокол передачи данных платформы, на которой размещён дашборд, должен быть таким же, как и у целевого сайта или портала, куда вы хотите интегрировать этот дашборд. Иначе говоря, дашборд с протоколом HTTP можно внедрить только на сайт с протоколом HTTP, а дашборд с протоколом HTTPS – только на сайт с протоколом HTTPS.
Если есть ограничения в прокси (например,
add_header X-Frame-Options "SAMEORIGIN";), то их следует убрать. Это укажет на то, что портал или сайт является проверенным и безопасным для встраивания на него дашборда с авторизацией.
Встраивание дашборда на сайт
Выполните шаги, описанные в разделе Публикация дашбордов, чтобы скопировать ссылку на дашборд.
Откройте в режиме редактирования страницу сайта, на котором вы хотите разметить дашборд, и добавьте в нужное место следующую строку:
<iframe src="XXX" style="position: absolute; height: 100%; width: 100%; border: none;"></iframe>
гдеХХХ– скопированная на шаге 1 ссылка на дашборд.
Если для редактирования страниц сайта применяются визуальные средства (например, страницы в Confluence), то ссылку на дашборд можно добавить с их помощью.
В нашем примере дашборд выглядит так:
Смотрите также
На этой странице
Нужна дополнительная помощь?
Свяжитесь с технической поддержкой, или нажмите кнопку помощи в приложении, чтобы задать вопрос.