Сравнение версий

Версия Старая версия 1 Новая версия 2
Изменения, внесенные

Эдуард Столяр

Эдуард Столяр

Сохранено

Ключ

  • Эта строка добавлена.
  • Эта строка удалена.
  • Изменено форматирование.

Вы можете добавить созданный дашборд на какой-либо внешний ресурс (например, на страницу стороннего сайта) с помощью 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-код нужной веб-страницы:

Блок кода<iframe src="XXX" style="position: absolute; height: 100%; width: 100%; border:

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

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

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

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

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

    realm-settings.pngImage Added

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

    settings.pngImage Added

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

Примечание

  • Обратите внимание, что протокол передачи данных платформы, на которой размещён дашборд, должен быть таким же, как и у целевого сайта или портала, куда вы хотите интегрировать этот дашборд. Иначе говоря, дашборд с протоколом HTTP можно внедрить только на сайт с протоколом HTTP, а дашборд с протоколом HTTPS – только на сайт с протоколом HTTPS.

  • Если есть ограничения в прокси (например, add_header X-Frame-Options "SAMEORIGIN";), то их следует убрать. Это укажет на то, что портал или сайт является проверенным и безопасным для встраивания на него дашборда с авторизацией.

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

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

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

Информация

Если для редактирования страниц сайта применяются визуальные средства (например, страницы в Confluence), то ссылку на дашборд можно добавить с их помощью.

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

Нужна дополнительная помощь?

Свяжитесь с технической поддержкой, или нажмите кнопку помощи в приложении, чтобы задать вопрос.