Megosztás a következőn keresztül:

Vászonalapú alkalmazások integrálása webhelyekbe és más szolgáltatásokba

  • Cikk

A létrehozott alkalmazások gyakran akkor a leghasznosabbak, ha a felhasználók ott férhetnek hozzájuk, ahol dolgoznak. A vászonalapú alkalmazások iframe-be történő beágyazásával ezeket az alkalmazásokat integrálhatja webhelyekre és egyéb szolgáltatásokba, például a Power BI vagy SharePoint alkalmazásokba.

A témakörben azt mutatjuk be, hogyan állíthatja be az alkalmazásbeágyazás paramétereit, majd beágyazzuk a saját Asset Ordering (Eszközrendezés) alkalmazásunkat egy webhelyre.

Power BI-irányítópult beágyazott alkalmazással.

Feljegyzés

  • A beágyazott alkalmazáshoz csak az azonos bérlőben található Power Apps-felhasználók férhetnek hozzá.
  • A vászonalapú alkalmazások natív asztali alkalmazásokba való beágyazása nem támogatott, beleértve az Andrioid és a iOS. Ez kizárja a belső integrációkat, például Power Apps a Teamsben.

A vászonalapú alkalmazásokat a SharePoint Online-ba is integrálhatja iframe elemek használata nélkül. További információ: A kijelző használata Power Apps .

Az alkalmazás URI-paramétereinek beállítása

A beágyazni kívánt alkalmazások esetében az első lépés a Uniform Resource Identifier (URI) paramétereinek beállítása, hogy az IFrame elem megtalálja az alkalmazást. Az URI-t a következő formátumban kell megadni:

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

GCC-felhasználóknak

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

Fontos

2019 augusztusától az URI formátum megváltozott https://web.powerapps.com/webplayer értékről https://apps.powerapps.com/play értékre. Frissítse a beágyazott iframe-elemeket az új URI formátum használatára. Az előző formátumra mutató hivatkozások az új URI azonosítóra lesznek átirányítva a kompatibilitás biztosítása érdekében.

Előző formátum:

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

Az egyetlen elvégzendő feladat a saját alkalmazás azonosítójának behelyettesítése az [AppID] helyére (beleértve a szögletes zárójeleket) az URI-ban. Hamarosan megtudhatja, hogyan tudhatja meg ezt az értéket, először azonban tekintsük át az URI összes elérhető paraméterét:

  • [alkalmazásazonosító] - Megadja a futtatni kívánt alkalmazás azonosítóját.
  • tenantId- egy opcionális paraméter a vendéghozzáférés támogatásához, és meghatározza, hogy melyik bérlőről nyissa meg az alkalmazást.
  • screenColor - jobb alkalmazásbetöltési élményt nyújt a felhasználók számára. Ez a paraméter RGBA formátumú (piros érték, zöld érték, kék érték, alfa), és szabályozza a képernyő színét az alkalmazás betöltése közben. Célszerű az alkalmazás ikonjával megegyező színre állítani.
  • forrás – nincs hatással az alkalmazásra, de javasoljuk, hogy adjon hozzá egy leíró nevet, amely a beágyazás forrására hivatkozik.
  • Végül a Param() függvénnyel tetszőleges egyéni paraméterekethozzáadhat, és ezeket az értékeket az alkalmazás felhasználhatja. Az URI végéhez kerülnek, például [AppID]?source=iframe&param1=value1&param2=value2. Ezek a paraméterek csak az alkalmazás indítása során olvashatók be. Ha módosítania kell őket, újra kell indítania az alkalmazást. Ne feledkezzen meg arról, hogy az [appid] után csak az első elemnek kell a "?" szimbólummal rendelkeznie; ezt követően az itt bemutatottt "&" szimbólumot használja.

Alkalmazásazonosító beszerzése

Az alkalmazásazonosító a powerapps.com webhelyen érhető el. A beágyazni kívánt alkalmazás esetében:

  1. powerapps.com laponkattintson vagy koppintson a három pontra ( . . .), majd a Részletek elemre .

    Az alkalmazás részleteinek megnyitása.

  2. Másolja ki az alkalmazásazonosítót .

    Az alkalmazásazonosító másolása a Részletek képernyőről.

  3. Cserélje ki az [AppID] URI értékét. Az Asset Ordering (Eszközrendezés) alkalmazás esetében az URI így néz ki:

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

Előfordulhat, hogy engedélyeznie kell az előugró ablakokat a böngészőben, amikor olyan alkalmazást ágyaz be a webhelyére, amely a Launch() függvényt használja egy weboldal vagy alkalmazás elindításához.

Alkalmazás beágyazása egy webhelyre

Az alkalmazás beágyazásához innentől kezdve csupán be kell szúrni az IFrame elemet a webhely (vagy bármely más IFrame elemek használatát támogató szolgáltatás, például a Power BI vagy a SharePoint) HTML-kódjába:

<iframe width="[W]" height="[H]" src="https://apps.powerapps.com/play/[AppID]?source=website&screenColor=rgba(165,34,55,1)" allow="geolocation; microphone; camera"/>

Adja meg az iframe szélességének és magasságának értékeit, és cserélje le az alkalmazás [AppID] azonosítóját.

Feljegyzés

Adja meg allow="geolocation; microphone; camera" az iframe HTML-kódját, hogy az alkalmazások használhassák ezeket a funkciókat a Google Chrome-ban.

Az alábbi képen az Asset Ordering (Eszközrendezés) alkalmazás látható egy Contoso-mintawebhelybe beágyazva.

A Contoso webhelye egy beágyazott alkalmazással.

Az alkalmazás felhasználóinak hitelesítésekor vegye figyelembe az alábbi megfontolásokat:

  • Ha webhelye azonosítóalapú hitelesítést használ Microsoft Entra , nincs szükség további bejelentkezésre.
  • Ha a webhely bármilyen másik bejelentkezési módszert alkalmaz, vagy nem használ hitelesítést, a felhasználóknak be kell jelentkezniük az IFrame felületén. A bejelentkezés után futtathatják az alkalmazást, amennyiben annak készítője azt megosztotta velük.

Mint láthatja, az alkalmazások beágyazása egyszerű és hatékony. A beágyazással elérhetővé tehet alkalmazásokat azokon a helyeken, ahol maga és a felhasználói munkát végeznek – webhelyeken, Power BI-irányítópultokon, SharePoint-oldalakon és egyéb helyeken.