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

Aplikacije koje stvarate često su najkorisnije kada su dostupne tamo gdje ljudi rade svoj posao. Ulaganjem aplikacija radne površine u iframe možete integrirati te aplikacije u web-mjesta i druge servise kao što je 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 nadzorna ploča s uloženom aplikacijom.

Napomena

  • Samo korisnici Power Apps istog klijenta mogu pristupiti uloženoj aplikaciji.
  • Ugrađivanje aplikacija od gotovih gradivnih elemenata u izvornu aplikaciju za stolna računala nije podržano. To isključuje integracije drugih strana, primjerice Power Apps u aplikaciji Teams).

Također možete integrirati aplikacije radne površine u SharePoint Online bez upotrebe iframea. Više informacija: Koristite Power Apps web dio.

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

Ulaganje vaše aplikacije sada je jednostavno kao dodavanje iframea u HTML kôd za vašu stranicu (ili bilo koji drugi servis koji podržava iframe, 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 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.

Web-mjesto Contoso s uloženom aplikacijom.

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

  • Ako vaše web-mjesto koristi Microsoft Entra provjeru autentičnosti utemeljenu na ID-u, 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. Ulaganje vam omogućuje da dovedete aplikacije točno na mjesta na kojima radite vi i vaši kupci - web-mjesta, Power BI nadzorne ploče, SharePoint stranice i još više toga.

Napomena

Možete li nam reći više o željenim jezicima za dokumentaciju? Ispunite kratki upitnik. (imajte na umu da je upitnik na engleskom jeziku)

Ispunjavanje upitnika će trajati otprilike sedam minuta. Osobni podaci se ne prikupljaju (izjava o zaštiti privatnosti).