Сравнение версий
Версия | Старая версия 8 | Новая версия Текущий |
---|---|---|
Изменения, внесенные | ||
Сохранено |
Ключ
- Эта строка добавлена.
- Эта строка удалена.
- Изменено форматирование.
Вы можете добавить созданный дашборд на какой-либо внешний ресурс (например, на страницу стороннего сайта) с помощью 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
Нажмите Сохранить в нижней части окна.
Примечание |
---|
|
Встраивание дашборда на сайт
Выполните шаги, описанные в разделе Публикация дашбордов, чтобы скопировать ссылку на дашборд.
Откройте в режиме редактирования страницу сайта, на котором вы хотите разметить дашборд, и добавьте в нужное место следующую строку:
<iframe src="XXX" style="position: absolute; height: 100%; width: 100%; border: none;"></iframe>
гдеХХХ
– скопированная на шаге 1 ссылка на дашборд.
Информация |
---|
Если для редактирования страниц сайта применяются визуальные средства (например, страницы в Confluence), то ссылку на дашборд можно добавить с их помощью. |
В нашем примере мы встроили добавили дашборд в на страницу Confluence:
![embedded.png](https://visiology-doc.atlassian.net/wiki/download/thumbnails/871124845/embedded.png?version=1&modificationDate=1734418923401&cacheVersion=1&api=v2&width=865)
Смотрите также
На этой странице
Оглавление | ||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
|
Нужна дополнительная помощь?
Свяжитесь с технической поддержкой, или нажмите кнопку помощи в приложении, чтобы задать вопрос.