Приложения, которые вы создаете, как правило, наиболее полезны, когда они доступны прямо там, где люди делают свою работу. PowerApps позволяет внедрять приложения в IFrame, чтобы эти приложения можно было интегрировать в веб-сайты и информационные панели Power BI.

Здесь мы покажем, как задать параметры для внедрения приложения. Затем мы внедрим приложение для заказа товаров на веб-сайт и информационную панель.

Информационная панель Power BI с внедренным приложением

Примечание. Доступ к внедренному приложению могут получить только пользователи PowerApps того же клиента.

Вы также можете интегрировать PowerApps в SharePoint Online (без использования IFrame). Дополнительные сведения см. в статье Создание приложения из списка SharePoint с использованием PowerApps.

Задание параметров URI для приложения

При наличии приложения, которое вы хотите внедрить, в первую очередь необходимо задать параметры для универсального кода ресурса (URI), чтобы IFrame знал, где найти ваше приложение. URI имеет следующий вид:

https://web.powerapps.com/webplayer/iframeapp?hideNavBar=true&
source=iframe&appId=/providers/Microsoft.PowerApps/apps/[AppID]

Примечание. Мы добавили разрыв строки, чтобы URI лучше отображался на странице.

Вам только нужно указать вместо AppID идентификатор вашего приложения. Вскоре мы покажем, как получить это значение, но сначала рассмотрим все параметры, доступные в URI:

  • appID — в формате /providers/Microsoft.PowerApps/apps/[AppID]. Он предоставляет идентификатор приложения, которое нужно внедрить.
  • hideNavBar — логическое значение (true или false), которое определяет, видим ли заголовок Dynamics 365 для приложения. Мы советуем использовать значение true, если это единственное приложение, которое вы будете внедрять на своем веб-сайте.
  • screenColor — используется для обеспечения лучшей загрузки приложений для ваших пользователей. Этот параметр имеет формат RGBA (красный, зеленый, синий и альфа) и определяет цвет экрана при загрузке приложения. Советуем установить для него цвет значка приложения.
  • source — не влияет на приложение, но мы советуем добавить описательное имя для ссылки на источник внедрения.
  • Наконец, вы можете добавить любые настраиваемые параметры с помощью функции Param(), указав те значения, которые могут использоваться вашим приложением. Они добавляются в конец URI, например [AppID]&param1=value1. Если вы хотите изменить эти параметры, вам нужно повторно запустить приложение.

Получение идентификатора приложения

Идентификатор приложения доступен на сайте powerapps.com. Для приложения, которое вы хотите внедрить:

  1. На сайте powerapps.com на вкладке Приложения щелкните (. . . ), а затем выберите Подробные сведения.

    Переход к сведениям о приложении

  2. Скопируйте идентификатор приложения.

    Копирование идентификатора приложения из раздела подробных сведений

  3. Замените значение [AppID] в URI. Для приложения по заказу товаров URI будет выглядеть следующим образом:

    https://web.powerapps.com/webplayer/iframeapp?hideNavBar=true&
    source=iframe&appId=/providers/Microsoft.PowerApps/apps/76897698-91a8-b2de-756e-fe2774f114f2
    

Внедрение приложения на веб-сайт

Внедрение приложения выполнить так же просто, как и добавить IFrame в код HTML вашего сайта:

<iframe width="[W]" height="[H]" src="https://web.powerapps.com/webplayer/iframeapp?hideNavBar=true&
source=website&screenColor=rgba(165,34,55,1)&appId=/providers/Microsoft.PowerApps/apps/[AppID]"/>

Укажите значения высоты и ширины IFrame и идентификатор приложения вместо [AppID].

На следующем изображении показано приложение для заказа товаров на примере веб-сайта Contoso.

Веб-сайт Contoso с внедренным приложением

Учитывайте следующие моменты для выполнения проверки подлинности пользователей вашего приложения:

  • Если веб-сайт использует проверку подлинности на основе Azure Active Directory, то дополнительный вход не требуется.
  • Если ваш сайт использует любой другой механизм входа или не прошел проверку подлинности, ваши пользователи увидят на IFrame запрос на вход. После того как они войдут, они смогут работать с приложением, если его создатель предоставил им общий доступ.

Внедрение приложения на информационную панель Power BI

Что касается анализа, работы и автоматизации, мы думаем, что приложение лучше всего использовать в контексте анализируемых данных и отслеживаемых отчетов.

В этом примере мы создали информационную панель Power BI для отслеживания продаж товаров нашей компании. На этой информационной панели мы следим за тенденциями продаж компьютерного оборудования. Мы можем заказывать новое компьютерное оборудование непосредственно с информационной панели, используя внедренное приложение. Внедрение приложения позволяет нашим специалистам по инвентаризации выполнять свою работу в одном месте и оставаться на информационной панели Power BI, к которой они привыкли.

На следующем изображении вы видите приложение для заказа товаров, которое внедрено непосредственно на информационную панель, вместе с цифрами продаж, на основе которых выполняется заказ оборудования.

Информационная панель Power BI с внедренным приложением

Чтобы внедрить приложение на информационную панель Power BI, сделайте следующее:

  1. Создайте URI, как было показано ранее.

    https://web.powerapps.com/webplayer/iframeapp?hideNavBar=true&
    source=powerbi&appId=/providers/Microsoft.PowerApps/apps/76897698-91a8-b2de-756e-fe2774f114f2
    
  2. Добавьте этот URI к IFrame. В этом случае мы зададим ширину и высоту на 98 %, чтобы избежать появления полос прокрутки на нашей плитке:

    <iframe width="98%" height="98%" src="https://web.powerapps.com/webplayer/iframeapp?hideNavBar=true&
    source=powerbi&appId=/providers/Microsoft.PowerApps/apps/76897698-91a8-b2de-756e-fe2774f114f2"/>
    
  3. Перейдите на информационную панель Power BI, на которую вы хотите внедрить приложение.

  4. На информационной панели в верхней строке меню щелкните Добавить плитку. В зависимости от ограничений пространства может отображаться только знак плюса (+).

    Добавление плитки на информационную панель Power BI

  5. Щелкните или коснитесь Веб-содержимое, а затем — Далее.

    Добавление веб-содержимого на информационную панель

  6. Вставьте код IFrame в поле Код внедрения, а затем щелкните или коснитесь Применить.

    Код внедрения для веб-содержимого

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

Как видите, внедрять приложения просто и эффективно. Таким образом вы можете переносить приложения непосредственно в места, где работаете вы и ваши клиенты, — на веб-сайты и на информационные панели Power BI.