Сравнение страниц

Вы можете добавить созданный дашборд на какой-либо внешний ресурс (например, на страницу стороннего сайта) с помощью HTML-тега <iframe>. Для этой цели выполните следующие шаги:

1. Прежде всего, нужно получить логин и пароль от MongoDB. Для этого выполните следующую команду на сервере:

   Блок кода
   ID=$(docker ps | grep visiology.admin | awk '{print $1}') && echo docker exec -it $ID sh -c "cat secrets/MONGO_AUTH_USER" && echo docker exec -it $ID sh -c "cat secrets/MONGO_AUTH_PASSWORD"

   Первая строка возвращает логин, вторая - пароль.

2. Зайдите в контейнер visiology2_mongodb и войдите в консоль mongo с помощью следующей команды:

   $ mongo -u <логин> -p <пароль> VisiologyVA
   или
   $ mongosh "mongodb://127.0.0.1:27017" --username zidan --authenticationDatabase admin

3. Отредактируйте параметр в коллекции:
   db.GeneralSettings.updateMany ({ },{$set:{ "FrameAncestors" : [ "адрес, где открывается фрейм" ]}})
   в квадратных скобках можно указать несколько адресов через запятую. Рекомендуется указывать адреса с протоколом (HTTP/HTTPS).

4. Перезапустите платформу.

5. В Dashboard Designer перейдите на вкладку Главная.

6. Нажмите кнопку Ссылка → Дашборд. Система проинформирует, что ссылка на дашборд скопирована:

   Image Removed

7. Добавьте следующую строку в HTML-код нужной веб-страницы:

, при этом можно встроить дашборд, который требует авторизацию, или который не требует ее. Для этой цели нужно выполнить следующие шаги:

1. Администратору платформы необходимо выполнить настройки в Keycloak (если просмотр дашборда требует авторизации).

2. Скопировать ссылку на дашборд и встроить ее на требуемую страницу сайта.

Выполнение администратором настроек в Keycloak

1. Откройте Keycloak по адресу:
   <domain>/v3/keycloak/admin/Visiology/console/
   где <domain> – домен или IP-адрес сервера платформы.

2. В боковой панели нажмите Настройки Realm:
   

   Image Added

3. В открывшемся окне перейдите на вкладку Защита безопасности и в поле Content-Security-Policy введите следующую строку:
   frame-src 'self'; frame-ancestors 'self' <адрес сайта>; object-src 'none';
   где <адрес сайта> – адрес портала или сайта, куда вы хотите встроить дашборд (указывается только адрес домена. Адрес целевой страницы указывать не нужно). Например, https://site.ru
   

   Image Added

4. Нажмите Сохранить в нижней части окна.

Встраивание дашборда на сайт

1. Выполните шаги, описанные в разделе Публикация дашбордов, чтобы скопировать ссылку на дашборд.

2. Откройте в режиме редактирования страницу сайта, на котором вы хотите разметить дашборд, и добавьте в нужное место следующую строку:
   <iframe src="XXX" style="position: absolute; height: 100%; width: 100%; border: none;"></iframe>
   где ХХХ – скопированная на шаге 1 ссылка на дашборд.

В нашем примере мы добавили дашборд на страницу Confluence:

Image Added

Смотрите также

• Публикация дашбордов