Integrirajte aplikacije radne površine u web-mjesta i druge servise

  • Članak
  • 3 min za pročitati

Aplikacije koje stvarate često su najkorisnije kada su dostupne tamo gdje ljudi rade svoj posao. Ugradnjom aplikacija radnog područja u iframe možete integrirati te aplikacije u web-mjesta i druge usluge, kao što su Power BI ili SharePoint.

U ovoj temi, pokazat ćemo vam kako postaviti parametre za ulaganje aplikacije; zatim ćemo uložiti našu aplikaciju Asset Ordering u web-mjesto.

Power BI nadzornu ploču s ugrađenom aplikacijom.

Imajte na umu sljedeća ograničenja:

  • Ugrađenoj aplikaciji mogu pristupiti samo Power Apps korisnici u istom klijentu.
  • Da biste pristupili Power Apps pomoću Internet Explorer 11, morate isključiti prikaz za kompatibilnost.

Aplikacije radnog područja možete integrirati i u SharePoint Online bez upotrebe iframea. Dodatne informacije: Koristite web-dio Power Apps.

Postavite URI parametre za svoju aplikaciju

Ako imate aplikaciju koju želite uložiti, prvi korak je postavljanje parametara za Uniform Resource Identifier (URI) kako bi iframe znao gdje treba pronaći aplikaciju. URI je u sljedećem obliku:

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

Za korisnike GCC-a

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

Važno

Od kolovoza 2019. format URI promijenio se iz https://web.powerapps.com/webplayer u https://apps.powerapps.com/play. Ažurirajte bilo koji uloženi iframes da biste koristili novi URI format. Upućivanja na prethodni format bit će preusmjerena na novi URI kako bi se osigurala kompatibilnost.

Prethodni format:

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

Jedino što morate učiniti je zamijeniti ID svoje aplikacije za [IDaplikacije] u URI (uključujući '[' & ']'). Pokazat ćemo vam kako uskoro dobiti tu vrijednost, ali najprije su ovdje dostupni svi parametri u URI-ju:

  • [IDaplikacije] - Pruža ID aplikacije za pokretanje.
  • idklijenta - je neobvezni parametar za podršku pristupa gostu i određuje od koga će klijent otvoriti aplikaciju.
  • bojazaslona - koristi se kako bi se korisnicima omogućio bolji doživljaj učitavanja aplikacije. Ovaj parametar je u formatu RGBA (crvena vrijednost, zelena vrijednost, plava vrijednost, alpha) i kontrolira boju zaslona dok se aplikacija učitava. Najbolje je da je postavite na istu boju poput ikone vaše aplikacije.
  • izvor - ne utječe na aplikaciju, ali predlažemo da dodate opisni naziv da biste se uputili na izvor ulaganja.
  • Na kraju, možete dodati sve prilagođene parametre koje želite pomoću Param() funkcija i te vrijednosti može upotrebljavati vaša aplikacija. Dodaju se na kraju URI-ja, kao što su [AppID]?source=iframe&param1=value1&param2=value2. Ovi parametri služe samo za čitanje za vrijeme pokretanja aplikacije. Ako ih trebate promijeniti, morate ponovo pokrenuti aplikaciju. Imajte na umu da bi samo prva stavka nakon [idaplikacije] trebala imati „?”; nakon toga koristite „&” kao što je prikazano ovdje.

Nabavite ID aplikacije

ID aplikacije dostupan je na powerapps.com. Za aplikaciju koju želite uložiti:

  1. U powerapps.com, na kartici Aplikacije kliknite ili dodirnite trotočje ( . . . ), zatim Detalji.

    Idite na pojedinosti aplikacije.

  2. Kopirajte ID aplikacije.

    Kopirajte ID aplikacije iz pojedinosti.

  3. Zamijenite vrijednost [AppID] u URI. Za našu aplikaciju Asset Ordering, URI izgleda ovako:

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

Možda ćete trebati dopustiti skočne prozore u pregledniku kada ulažete aplikaciju na svoje web-mjesto koja koristi Pokreni() funkciju za pokretanje web-stranice ili aplikacije.

Uložite svoju aplikaciju u web-mjesto

Ugrađivanje aplikacije sada je jednostavno kao dodavanje iframea u HTML kod za vašu web-lokaciju (ili bilo koju drugu uslugu koja podržava iframes, 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 vrijednosti za širinu i visinu iframea i zamijenite ID svoje aplikacije za [AppID].

Napomena

Obuhvatite allow="geolocation; microphone; camera" u svom iframe HTML kodu kako biste svojim aplikacijama omogućili korištenje tih mogućnosti na Google Chromeu.

Sljedeća slika pokazuje aplikaciju Asset Ordering uloženu na ogledno web-mjesto Contoso.

Contoso web-mjesto s ugrađenom aplikacijom.

Imajte na umu sljedeće točke za provjeru autentičnosti korisnika vaše aplikacije:

  • Ako vaša web-lokacija koristi provjeru autentičnosti utemeljenu na Azure Active Directory (AAD), nije potrebna dodatna prijava.
  • Ako vaše web-mjesto koristi bilo koji drugi mehanizam za prijavu ili nije provjerena autentičnost, vaši korisnici vide upit za prijavu na iframe. Nakon što se prijave, moći će pokrenuti aplikaciju sve dok ih autor aplikacije ne podijeli s njima.

Kao što vidite, ulaganje aplikacija je jednostavno i moćno. Ugrađivanje vam omogućuje da aplikacije dovedete izravno na mjesta na kojima vi i vaši klijenti radite - web-lokacije, Power BI nadzorne ploče, SharePoint stranice i još mnogo toga.