Integrisanje aplikacija sa podlogom u veb-lokacije i druge usluge

  • Članak
  • 3 min. za čitanje

Aplikacije koje gradite često su najkorisnije kada su dostupne baš tamo gde ljudi rade svoj posao. Ugrađivanje aplikacija podloge za crtanje u iframe možete da ih integrišete 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 kontrolnu tablu sa ugrađenom aplikacijom.

Imajte na umu sledeća ograničenja:

  • Samo Power Apps u istom zakupca mogu da pristupe ugrađenoj aplikaciji.
  • Da biste Power Apps pomoću Internet Explorer 11, morate da isključite prikaz kompatibilnosti.

Aplikacije podloge za crtanje možete da integrišete i SharePoint na mreži bez korišćenja iframe. Još informacija: Koristite Power Apps web segment.

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 je sada jednostavno kao dodavanje iframe u HTML kôd za vašu lokaciju (ili bilo koju drugu uslugu koja podržava iframe, kao što su 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.

Contoso veb lokaciju sa ugrađenom aplikacijom.

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

  • Ako Vaša Web lokacija Azure Active Directory (AAD) zasnovanu na potvrdi identiteta, 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 vam omogućava da aplikacije dovedete pravo na mesta na kojima vi i vaši klijenti radite – Veb lokacije, Power BI kontrolne table, SharePoint stranice i još mnogo toga.