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.

Belešku

  • Samo Power Apps korisnici istog zakupca mogu pristupiti ugrađenoj aplikaciji.
  • Ugrađivanje canvas aplikacija u bilo kojoj izvornoj desktop aplikaciji nije podržano, što uključuje Andrioid i iOS. Ovo isključuje integracije prve strane, kao što su Power Apps Teams.

Aplikacije sa podlogom možete integrisati u SharePoint Online i bez upotrebe iframe elemenata. Više informacija: Koristite Power Apps veb part.

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. godine, URI format se promenio od https://web.powerapps.com/webplayer do 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 = / provajderi / 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] - Pruža ID aplikacije za pokretanje.
  • TenantId - je opcioni parametar koji podržava pristup gostima i određuje od kojeg stanara treba otvoriti aplikaciju.
  • screenColor - se koristi za pružanje boljeg iskustva 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.
  • Izvor - ne utiče na aplikaciju, ali predlažemo da dodate opisno ime koje će se odnositi na izvor ugradnje.
  • 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. Oni se dodaju na kraj URI-ja, kao što su [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. U powerapps.com, nakartici Aplikacije , kliknite ili dodirnite elipsu ( . . . ), a zatim Detalji .

    Idite na detalje aplikacije.

  2. Kopirajte ID aplikacije.

    Kopirajte ID aplikacije iz detalja.

  3. Zamenite [AppID] vrednost u URI. 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 dozvolite iskačuće prozore u pretraživaču kada ugradite aplikaciju na vašu veb lokaciju koja koristi Launch() funkciju 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-a i zamenite ID vaše aplikacije [AppID].

Belešku

Uključite allow="geolocation; microphone; camera" u svoj iframe HTML kod da biste omogućili svojim aplikacijama da koriste ove mogućnosti na Google Chrome-u.

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 veb lokacija koristi Microsoft Entra autentifikaciju zasnovanu na ID-u, nije potrebna dodatna prijava.
  • 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.