Прочитај на енглеском

Делите путем

Интегрисање апликација са подлогом у веб-локације и друге услуге

  • Чланак

Апликације које градите често су најкорисније када су доступне баш тамо где људи раде свој посао. Ако уграђујете апликације са подлогом у iframe, можете их интегрисати у веб-локације и друге услуге, као што су Power BI или SharePoint.

У овој теми, приказаћемо вам како да подесите параметре за уградњу у апликацију; онда ћемо уградити нашу апликацију за наручивање средстава у веб-локацију.

Power BI контролна табла са уграђеном апликацијом.

Напомена

  • Само Power Apps корисници истог закупца могу приступити уграђеној апликацији.
  • Уграђивање цанвас апликација у било којој изворној десктоп апликацији није подржано, што укључује Андриоид и iOS. Ово искључује интеграције прве стране, као што су Power Apps Теамс.

Апликације са подлогом можете интегрисати у SharePoint Online и без употребе iframe елемената. Више информација: Користите Power Apps веб парт.

Подесите URI параметре за своју апликацију

Ако имате апликацију коју желите да уградите, први корак је постављање параметара за јединствени идентификатор ресурса (URI), тако да iframe зна где да нађе апликацију. URI има следећи облик:

https://apps.powerapps.com/play/[AppID]?source=iframe

За GCC кориснике

https://apps.gov.powerapps.us/play/[AppID]?source=iframe

Важно

Од августа 2019. године, УРИ формат се променио од https://web.powerapps.com/webplayer до https://apps.powerapps.com/play. Ажурирајте све уграђене iframe елементе да бисте користили нови URI формат. Референце на претходни формат биће преусмерене на нови URI како би се обезбедила компатибилност.

Претходни формат:

https://web.powerapps.com/webplayer/iframeapp?source=iframe& аппИд = / провајдери / Мицрософт. PowerApps/аппс/[АппИД]

Једино што морате да урадите је да замените ID своје апликације за [AppID] у УРИ-ју (укључујући '[' и ']'). Ускоро ћемо вам показати како да добијете ту вредност, али прво да видимо све параметре доступне у URI-ју:

  • [аппИД] - Пружа ИД апликације за покретање.
  • ТенантИд - је опциони параметар који подржава приступ гостима и одређује од којег станара треба отворити апликацију.
  • сцреенЦолор - се користи за пружање бољег искуства учитавања апликација за ваше кориснике. Овај параметар је у формату РГБА (црвена вредност, зелена вредност, плава вредност, алфа) и контролише боју екрана док се апликација учитава. Најбоље је да је поставите на исту боју као на икони ваше апликације.
  • Извор - не утиче на апликацију, али предлажемо да додате описно име које ће се односити на извор уградње.
  • На крају, можете додати било које прилагођене параметре које желите користећи функцију Парам (), а те вредности може користити ваша апликација. Они се додају на крај УРИ-ја, као што су [AppID]?source=iframe&param1=value1&param2=value2. Ови параметри су само за читање током покретања апликације. Ако требате да их промените, морате поново покренути апликацију. Имајте на уму да само прва ставка након [appid] треба да има "?"; након тога користите "&" као што је овде приказано.

Преузмите ID апликације

ID апликације је доступан на powerapps.com. За апликацију коју желите да уградите:

  1. У # пии_ијфидејз , на картици Апликације , кликните или додирните елипсу ( . . . ), а затим Детаљи.

    Идите на детаље апликације.

  2. Копирајте ИД апликације.

    Копирајте ID апликације из детаља.

  3. Замените [AppID] вредност у УРИ. За нашу апликацију за наручивање средстава, URI изгледа овако:

    https://apps.powerapps.com/play/76897698-91a8-b2de-756e-fe2774f114f2?source=iframe

Можда ћете морати да дозволите искачуће прозоре у претраживачу када уградите апликацију на вашу веб локацију која користи Лаунцх() функцију за покретање веб странице или апликације.

Уградите апликацију у веб-локацију

Уграђивање апликације сада је једноставно као додавање iframe елемента у HTML кôд за вашу веб-локацију (или било коју другу услугу која подржава iframe елементе, као што је Power BI или SharePoint):

<iframe width="[W]" height="[H]" src="https://apps.powerapps.com/play/[AppID]?source=website&screenColor=rgba(165,34,55,1)" allow="geolocation; microphone; camera"/>

Наведите вредности за ширину и висину ифраме-а и замените ИД ваше апликације [AppID].

Напомена

Укључите allow="geolocation; microphone; camera" у свој ифраме ХТМЛ код да бисте омогућили својим апликацијама да користе ове могућности на Гоогле Цхроме-у.

Следећа слика приказује апликацију Наручивање средстава уграђену у пробну веб-локацију Contoso.

Веб-локација Contoso са уграђеном апликацијом.

Имајте на уму следеће тачке за потврду идентитета корисника ваше апликације:

  • Ако ваша веб локација користи Microsoft Entra аутентификацију засновану на ИД-у, није потребна додатна пријава.
  • Ако ваша веб-локација користи било који други механизам за пријаву или није оверена, ваши корисници виде захтев за пријаву на iframe елементу. Када се пријаве, моћи ће да покрећу апликацију све док је аутор апликације буде делио са њима.

Као што видите, уграђивање апликација је једноставно и моћно. Уграђивање омогућава да апликације привучете на места на којима радите ви и ваши клијенти – веб-локације, Power BI контролне табле, SharePoint странице и још много тога.