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

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

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

Помните о следующих ограничениях:

  • Доступ к внедренному приложению могут получить только пользователи PowerApps того же клиента.
  • Служба PowerApps поддерживает Internet Explorer 11, но для работы необходимо отключить просмотр в режиме совместимости.

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

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

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

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

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

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

  • [appID] — в формате /providers/Microsoft.PowerApps/apps/[AppID]. Он предоставляет идентификатор приложения, которое нужно внедрить.
  • 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, например Power BI или SharePoint):

<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, страницы SharePoint и т. д.