Zdieľať cez

Integrácia aplikácií plátna na webové lokality a do ďalších služieb

  • Článok

Vytvorené aplikácie sú najužitočnejšie, keď sú k dispozícii v čase, keď ľudia pracujú. Vložením aplikácií plátna do prvku iframe môžete tieto aplikácie integrovať do webových stránok a do ďalších služieb, ako napríklad Power BI alebo SharePoint.

V tejto téme vám ukážeme, ako nastaviť parametre vkladania aplikácií a potom vložíme našu aplikáciu na objednávanie tovaru na webovú stránku.

Tabuľa Power BI s vloženou aplikáciou.

Poznámka

  • K vloženej aplikácií majú prístup iba používatelia služby Power Apps patriaci u rovnakého nájomníka.
  • Vkladanie aplikácií plátna do žiadnej natívnej počítačovej aplikácie nie je podporované, vrátane Androidu a iOS. Toto vylučuje integrácie prvej strany, ako napríklad Power Apps v Teams.

Aplikácie plátna môžete tiež integrovať do SharePoint Online bez použitia objektu iframe. Viac informácií: Použite webovú časť Power Apps .

Nastavenie parametrov URI pre vašu aplikáciu

Ak máte aplikáciu, ktorú chcete vložiť, začnite nastavením parametrov identifikátora URI (Uniform Resource Identifier), aby objekt iframe vedel, kde môže aplikáciu nájsť. Formát identifikátora URI je nasledovný:

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

Pre používateľov systému GCC

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

Dôležité

Od augusta 2019 sa formát URI zmenil z https://web.powerapps.com/webplayer na https://apps.powerapps.com/play. Aktualizujte všetky vložené prvky iframe tak, aby používali nový formát URI. Odkazy na predchádzajúci formát sa presmerujú na nové URI, aby sa zabezpečila kompatibilita.

Predchádzajúci formát:

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

Jediné, čo musíte v identifikátore URI urobiť, je nahradiť identifikáciu vašej aplikácie za \[AppID\] (vrátane '[' & ']'). Za chvíľu vám ukážeme, ako získať danú hodnotu, ale najprv si predstavíme všetky parametre, ktoré sú v identifikátore URI k dispozícii:

  • [appID] – Poskytuje ID aplikácie, ktorá sa má spustiť.
  • tenantid - je voliteľný parameter na podporu prístupu hosťa a určuje, z ktorého nájomníka sa má aplikácia otvoriť.
  • screenColor – používa sa na poskytovanie lepšieho zážitku z načítania aplikácií pre vašich používateľov. Tento parameter je vo formáte RGBA (červená hodnota, zelená hodnota, modrá hodnota, alfa) a riadi farbu obrazovky počas načítavania aplikácie. Odporúča sa nastaviť ju na rovnakú farbu, akú má ikona aplikácie.
  • zdroj – nemá vplyv na aplikáciu, ale odporúčame vám pridať popisný názov, ktorý bude odkazovať na zdroj vloženia.
  • Nakoniec môžete pomocou funkcie Param() pridať ľubovoľné vlastné parametre a tieto hodnoty môže vaša aplikácia použiť. Pridávajú sa na koniec URI, ako napríklad [AppID]?source=iframe&param1=value1&param2=value2. Tieto parametre sa načítajú iba pri spúšťaní aplikácie. Ak ich potrebujete zmeniť, musíte aplikáciu znova spustiť. Upozorňujeme, že znak „?“ by mal byť iba prvá položka po položke [appid]; potom použite znak „&“, ako je to znázornené tu.

Získanie ID aplikácie

ID aplikácie sa nachádza na lokalite powerapps.com. Identifikácia pre vkladanú aplikáciu:

  1. V powerapps.com na karte Aplikácie kliknite alebo klepnite na elipsu ( . . .), pak Detaily.

    Prechod na podrobnosti aplikácie.

  2. Skopírujte ID aplikácie.

    Kopírovanie ID aplikácie z podrobností.

  3. Nahraďte hodnotu [AppID] v URI. V našej aplikácii na objednávanie tovaru vyzerá identifikátor URI takto:

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

Možno budete musieť povoliť kontextové okná v prehliadači, keď na svoj web vložíte aplikáciu, ktorá na spustenie webovej stránky alebo aplikácie používa funkciu Launch() .

Vloženie aplikácie na webovú lokalitu

Vloženie aplikácie je rovnako jednoduché ako pridávanie objektu iframe do kódu HTML na vašej lokalite (alebo na ľubovoľnej lokalite, ktorá podporuje objekty iframe, ako napríklad Power BI alebo 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"/>

Zadajte hodnoty pre šírku a výšku prvku iframe a za [AppID] nahraďte ID svojej aplikácie.

Poznámka

Zahrňte allow="geolocation; microphone; camera" do kódu HTML svojho prvku iframe, aby vaše aplikácie mohli používať tieto funkcie v prehliadači Google Chrome.

Nasledujúci obrázok zobrazuje aplikáciu na objednávanie tovaru, ktorá je vložená na ukážkovej webovej lokalite Contoso.

Webová lokalita Contoso s vloženou aplikáciou.

Pri overovaní používateľov aplikácie majte na pamäti:

  • Ak váš web používa Microsoft Entra overenie založené na ID, nie je potrebné žiadne ďalšie prihlásenie.
  • Ak webová lokalita používa iný mechanizmus prihlasovania alebo nepoužíva overovanie, používateľom sa v objekte iframe zobrazí výzva na prihlásenie. Po prihlásení budú môcť spúšťať aplikáciu, ak ju s nimi autor aplikácie zdieľa.

Ako vidíte, vkladanie aplikácií je jednoduché a účinné. Vkladanie umožňuje mať aplikácie tam, kde vy a vaši zákazníci pracujú, čo sú webové lokality, tabule Power BI, stránky SharePoint a ďalšie.