Виджет Встроить

Виджет Встроить позволяет встроить содержание веб-сайта, используя URL или код, для получения дополнительной функциональности.

Примеры

Используйте этот виджет для поддержки требований к разработке приложений, таких как:

• Вам необходимо ввести дополнительную информацию с веб-сайта, в зависимости от выбранного объекта. Слой объектов содержит поле с URL-адресами веб-сайтов, которые можно встроить, чтобы пользователь, щелкая объект или кнопку, мог получить дополнительные сведения об этом объекте.
• Вы хотите встроить операционную панель в ваше приложение и разрешить пользователям добавлять URL-параметр в конец URL веб-интерфейса, чтобы изменить текущий вид операционной панели (например, чтобы отобразить данные для определенного региона).
• Вы хотите встроить ресурсы, используя код HTML (например, веб-сайт) или скопировать код из примера (например, кластеризацию точек).

Примечания по использованию

Ниже приведен пример использования собственного кода для встраивания iframe:

<iframe width="100%" height="600px" frameborder="0" scrolling="yes" marginheight="0" marginwidth="0" src="https://developers.arcgis.com/"></iframe></div>

Примечание:

Если вы выбрали отображение PDF непосредственно в виджете Встроить, некоторые пользователи не смогут просмотреть его в определенных браузерах по причинам безопасности.

Чтобы создать динамический URL-адрес с помощью параметров URL-адреса, сохраните и перезагрузите ваше приложение с параметром URL-адреса, который вы хотите использовать, так что вы можете выбрать соответствующий ключ в окне Информация об URL. Во время запуска виджет Встроенный найдет и сопоставит имя в информации о заданном URL-адресе с параметрами URL-адреса, добавленными в URL-адрес хост-приложения

Настройки

Виджет Встроить имеет следующие настройки:

• Встроить по - выберите встраивание по URL или коду.
  • URL-адрес - встроить веб-сайт по статическому URL-адресу или использовать следующие опции для формирования динамического URL-адреса.

    Примечание:

    Поддерживаются только URL-адреса в формате HTTPS. Для обеспечения безопасности встроенное приложение ограничено такой же исходной политикой. Для доменов, отличающихся от *.arcgis.com и *.esri.com, автоматически добавляется атрибут sandbox.

    • Подключиться к данным - выберите слой в качестве источника данных (добавленные из веба карты, веб-сцены, непосредственно слои либо через URL-адрес) и щелкните кнопку Данные, чтобы выбрать атрибут, который содержит URL-адреса или чтобы добавить существующий URL-адрес как параметры.
    • Информация об URL-адресе - получите параметры URL-адреса, которые вы добавили в URL-адрес вашего приложения в конструкторе. Настроить динамический URL-адрес, чтобы передать параметры URL-адреса из виджета Встроить во встроенное приложение, так чтобы конечные пользователи могли добавить параметры URL-адреса в веб-интерфейс URL-адреса во время запуска, чтобы управлять тем, что отображается во встроенном приложении.

      Примечание:

      Более подробную информацию об URL-параметрах, поддерживаемых встроенным приложением, смотрите в соответствующей документации, например, ArcGIS Dashboards и ArcGIS Web AppBuilder.

  • Код - добавление собственного кода к встроенным элементам сторонних разработчиков. Поддерживаются HTML, CSS в тегах <style> и JavaScript в тегах <script>.

    Примечание:

    Когда вы встраиваете по коду, атрибут sandbox автоматически добавляется без инструкции allow-same-origin. Это позволяет встраиваемому ресурсу запускать JavaScript и считывать свои куки или информацию о локальном хранении, но он не может получить доступ к DOM, кукам, локальному хранению и т. д. приложения Experience Builder.

• Автообновление - задайте интервал (в минутах) для автоматического обновления встроенных ресурсов в виджете Встроить. Минимальное значение составляет 0,2 минуты (12 секунд).

Настройка динамического URL-адреса

Выполните следующие шаги, чтобы получить параметры URL-адреса из веб-интерфейса, которые вы можете передать во встроенное приложение.

1. Добавьте виджет Встроить и сохраните.
2. В строке адреса окна браузере добавьте параметр URL-адреса в URL-адрес вашего веб-интерфейса и нажмите Ввод, чтобы перезагрузить страницу.

   Подсказка:

   Так как конструктор уже включает параметр ID приложения, добавьте параметр URL-адрес с использованием амперсанда (например, &state=) вместо вопросительного знака.

   Когда конструктор перезагружается с параметрами URL-адреса, кнопка Информация об URL-адреса отображает ключи для создания динамического URL-адреса.

3. Во входном поле Встроить по вставьте URL-адрес для приложения, которое вы хотите встроить.
4. В конце URL-адреса для встраивания наберите параметр URL-адреса (например, ?state=)
5. Щелкните кнопку Информация об URL-адресе и выберите соответствующий ключ для заполнения динамического URL-адреса.

   Далее приведен пример динамического URL-адреса для встроенной операционной панели:

   https://<your portal url>/apps/opsdashboard/index.html#/<id>?state={appURL.search.state}