Deli putem

Integrisanje aplikacija sa podlogom u veb-lokacije i druge usluge

  • Članak

Aplikacije koje gradite često su najkorisnije kada su dostupne baš tamo gde ljudi rade svoj posao. Ako ugrađujete aplikacije sa podlogom u iframe, možete ih integrisati u veb-lokacije i druge usluge, kao što su Power BI ili SharePoint.

U ovoj temi, prikazaćemo vam kako da podesite parametre za ugradnju u aplikaciju; onda ćemo ugraditi našu aplikaciju za naručivanje sredstava u veb-lokaciju.

Power BI kontrolna tabla sa ugrađenom aplikacijom.

Napomena

  • Samo Power Apps korisnici istog zakupca mogu pristupiti ugrađenoj aplikaciji.
  • Nije podržano ugrađivanje aplikacija podloge za crtanje u izvornu aplikaciju na radnoj površini. Ovo isključuje integracije prve strane kao što je "Timovi Power Apps ").

Aplikacije sa podlogom možete integrisati u SharePoint Online i bez upotrebe iframe elemenata. Još informacija: Korišćenje Power Apps veb-segmenta.

Podesite URI parametre za svoju aplikaciju

Ako imate aplikaciju koju želite da ugradite, prvi korak je postavljanje parametara za jedinstveni identifikator resursa (URI), tako da iframe zna gde da nađe aplikaciju. URI ima sledeći oblik:

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

Za GCC korisnike

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

Važno

Od avgusta 2019. URI format se promenio iz https://web.powerapps.com/webplayer u https://apps.powerapps.com/play. Ažurirajte sve ugrađene iFrame elemente da biste koristili novi URI format. Reference na prethodni format biće preusmerene na novi URI kako bi se obezbedila kompatibilnost.

Prethodni format:

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

Jedino što morate da uradite je da zamenite ID svoje aplikacije za [AppID] u URI-ju (uključujući '[' i ']'). Uskoro ćemo vam pokazati kako da dobijete tu vrednost, ali prvo da vidimo sve parametre dostupne u URI-ju:

  • [appID] – Obezbeđuje ID aplikacije koju treba pokrenuti.
  • tenantid – To je opcionalni parametar koji podržava pristup gostima i određuje iz kog zakupca će se aplikacija otvoriti.
  • screenColor – koristi se za bolje iskustvo učitavanja aplikacija za vaše korisnike. Ovaj parametar je u formatu RGBA (crvena vrednost, zelena vrednost, plava vrednost, alfa) i kontroliše boju ekrana dok se aplikacija učitava. Najbolje je da je postavite na istu boju kao na ikoni vaše aplikacije.
  • source – Ne utiče na aplikaciju, ali predlažemo da dodate opisno ime da biste se pozvali na izvor ugrađivanja.
  • I na kraju, možete dodati bilo koje prilagođene parametre koje želite koristeći funkciju Param(), a te vrednosti može koristiti vaša aplikacija. Dodaju se na kraju URI-ja, kao što je [AppID]?source=iframe&param1=value1&param2=value2. Ovi parametri su samo za čitanje tokom pokretanja aplikacije. Ako trebate da ih promenite, morate ponovo pokrenuti aplikaciju. Imajte na umu da samo prva stavka nakon [appid] treba da ima "?"; nakon toga koristite "&" kao što je ovde prikazano.

Preuzmite ID aplikacije

ID aplikacije je dostupan na powerapps.com. Za aplikaciju koju želite da ugradite:

  1. Na powerapps.com, na kartici Aplikacije, kliknite ili dodirnite tri tačke ( . . . ), a zatim Detalji.

    Idite na detalje aplikacije.

  2. Kopirajte ID aplikacije.

    Kopirajte ID aplikacije iz detalja.

  3. Zamenite vrednost [AppID] u URI-ju. Za našu aplikaciju za naručivanje sredstava, URI izgleda ovako:

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

Možda ćete morati da omogućite iskačuće prozore u pregledaču kada ugrađujete aplikaciju na svoju veb-lokaciju koja koristi funkciju Launch() za pokretanje veb-stranice ili aplikacije.

Ugradite aplikaciju u veb-lokaciju

Ugrađivanje aplikacije sada je jednostavno kao dodavanje iframe elementa u HTML kôd za vašu veb-lokaciju (ili bilo koju drugu uslugu koja podržava iframe elemente, kao što je Power BI ili 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"/>

Navedite vrednosti za širinu i visinu iframe elementa i zamenite ID svoje aplikacije za [AppID].

Napomena

Uvrstite allow="geolocation; microphone; camera" u vašem iframe HTML kôd da biste svojim aplikacijama omogućili da koriste ove mogućnosti u pregledaču Google Chrome.

Sledeća slika prikazuje aplikaciju Naručivanje sredstava ugrađenu u probnu veb-lokaciju Contoso.

Veb-lokacija Contoso sa ugrađenom aplikacijom.

Imajte na umu sledeće tačke za potvrdu identiteta korisnika vaše aplikacije:

  • Ako Vaša Web lokacija koristi Microsoft Entra potvrdu identiteta zasnovanu na ID-u, nije potrebno dodatno prijavljivanje.
  • Ako vaša veb-lokacija koristi bilo koji drugi mehanizam za prijavu ili nije overena, vaši korisnici vide zahtev za prijavu na iframe elementu. Kada se prijave, moći će da pokreću aplikaciju sve dok je autor aplikacije bude delio sa njima.

Kao što vidite, ugrađivanje aplikacija je jednostavno i moćno. Ugrađivanje omogućava da aplikacije privučete na mesta na kojima radite vi i vaši klijenti – veb-lokacije, Power BI kontrolne table, SharePoint stranice i još mnogo toga.

Napomena

Možete li nam reći o svojim željenim postavkama jezika u dokumentaciji? Ispunite kratku anketu. (imajte na umu da je ova anketa na engleskom jeziku)

Anketa će trajati oko sedam minuta. Ne prikupljaju se lični podaci (izjava o privatnosti).