Az első adaptív kártya létrehozása
A Power Automate adaptív kártyái információblokkokat oszthatnak meg, vagy egy űrlapon keresztül adatgyűjtést végezhetnek egy adott adatforrásból.
Mindkét esetben fel kell vázolnia, hogy mely adatkészleteket fogja megosztani, és/vagy milyen adatokat kell gyűjtenie az űrlapnak.
Tipp.
Összetett táblázat-tömbök helyett használjon inkább egyszerű adatblokkokat.
Előfeltételek
Microsoft Teams telepített Munkafolyamatok alkalmazással.
Elvégzendő művelet beállítása
Ebben az eljárásban egy olyan műveletet fog hozzáadni, amely a folyamat korábbi műveleteinek adatait használja fel az információk csatornán Microsoft Teams való közzétételéhez.
Jelentkezzen be Power Automate.
Válassza a Saját folyamatok lehetőséget a felső navigációs sávon.
Válassza az Új folyamat azonnali felhőfolyamat lehetőséget>.
Nevezze el a folyamatot.
Válassza a Folyamat manuális aktiválása eseményindítóként lehetőséget .
Válassza a Létrehozás parancsot.
A tervezőben válassza az Új lépés lehetőséget.
Microsoft TeamsKeresse meg, majd válassza az Adaptív kártya közzététele Teams-csatornába lehetőséget, és várja meg a válasz as műveletet.
Válaszd ki azt a csapatot és csatornát , amelyen közzé szeretnéd tenni a kártya.
Illessze be ezt a JSON-t az Üzenet mezőbe.
{ "$schema": "http://adaptivecards.io/schemas/adaptive-card.json", "type": "AdaptiveCard", "version": "1.0", "body": [ { "type": "TextBlock", "text": "Poll Request", "id": "Title", "spacing": "Medium", "horizontalAlignment": "Center", "size": "ExtraLarge", "weight": "Bolder", "color": "Accent" }, { "type": "TextBlock", "text": "Header Tagline Text", "id": "acHeaderTagLine", "separator": true }, { "type": "TextBlock", "text": "Poll Header", "weight": "Bolder", "size": "ExtraLarge", "spacing": "None", "id": "acHeader" }, { "type": "TextBlock", "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer vestibulum lorem eget neque sollicitudin, quis malesuada felis ultrices. ", "id": "acInstructions", "wrap": true }, { "type": "TextBlock", "text": "Poll Question", "id": "acPollQuestion" }, { "type": "Input.ChoiceSet", "placeholder": "Select from these choices", "choices": [ { "title": "Choice 1", "value": "Choice 1" }, { "title": "Choice 2", "value": "Choice 2" }, { "title": "Choice 3", "value": "Choice 3" } ], "id": "acPollChoices", "style": "expanded" } ], "actions": [ { "type": "Action.Submit", "title": "Submit", "id": "btnSubmit" } ] }
A JSON-kódban hajtsa végre az alábbi cseréket.
Fontos
A cserék során ne távolítsa el az idézőjeleket. A választható autókat tetszése szerint kicserélheti:
Módosítandó szöveg Új szöveg Header Tagline Text Power Automate szavazás Poll Header Kedvenc autótípus Poll Question Válassza ki az itt felsoroltak közül leginkább kedvelt autótípusát. A latin szöveget cserélje ki a felmérés elkészítésének indoklására vagy üzleti magyarázatára. Felmérést végzünk alkalmazottaink körében, hogy eldönthessük, biztosítsunk-e a legnépszerűbb autótípusok méretének megfelelő személyes parkolóhelyeket. Choice 1 (mindkét helyen cserélje ki) Tesla Choice 2 (mindkét helyen cserélje ki) Lexus Choice 3 (mindkét helyen cserélje ki) Honda Válassza az Új lépés lehetőséget, majd keresse meg és válassza ki az E-mail küldése műveletet, amelyhez hozzáféréssel rendelkezik.
Adja meg az e-mail címzettjét az azonnali gombot kiválasztó személyként (használja az eseményindító dinamikus tartalmának e-mail-címkéjét).
Konfigurálja az e-mail törzsét az alábbiak szerint. A kapcsos zárójelek „{}” közötti szavakat cserélje dinamikus tokenekre:
A szavazási válasz volt {acPollChoices} (acPollChoices dinamikus tartalom a válasz műveletre való várakozásból). Ezt a Felhasználónév { küldte} el (a felhasználónév az eseményindító dinamikus tartalma)
Az adaptív kártya tesztelése
Az elvégzett munka teszteléséhez futtassa a korábban létrehozott folyamatot, és ellenőrizze a következőket:
A folyamat hiba nélkül fut, vár a válaszra, és megjeleníti a várakozás kijelzőjét az Adaptív kártya művelethez a futtatási képernyőn.
A Teams-csatornán közzé van téve az új adaptív kártya.
Amikor a kártya egy autómodell kiválasztásával, majd az adaptív kártya alsó részén található Küldés gombra kattintva válaszol:
Nem jelenik meg hiba az adaptív kártyán.
A folyamat futása teljesen befejeződik.
Kártya csere akkor releváns a beküldés után, ha konfigurálta a Frissítse az üzenetterületet a várakozás válasz műveletekre (a következő képen a megfelelő csere kártya látható) Ellenkező esetben minden beküldés alaphelyzetbe állítja az űrlapot.
Az e-mail-értesítés tartalmazza a törzset, amelyből megtudható, hogy ki küldte be a választ, és melyik autót választotta.
Gratulálunk! Elkészítette első interaktív adaptív kártyáját.
Hibaelhárítási tippek adaptív kártyákhoz
Az adaptív kártyák létrehozása során leggyakrabban felmerülő problémák a következők:
A folyamatfuttatási hibákat gyakran az alábbi tényezők egyike okozza:
- A Munkafolyamatok alkalmazás nincs telepítve Microsoft Teams – Telepítse a Munkafolyamatok alkalmazást itt Microsoft Teams.
Ilyen esetben az alábbi képernyőképhez hasonló hibaüzenetet kap:
Nem megfelelően formázott JSON – Ez általában kevésbé bonyolult, mint gondolná. Ilyenkor többnyire az alábbi helyzetek egyike áll fenn:
A JSON-beli értékek körül karmos idézőjelek vannak, vagy hiányoznak az idézőjelek. Mindig ellenőrizze, hogy a JSON-ban a szöveges értékek kettős idézőjelek között, a numerikus értékek pedig aposztrófok között legyenek. Az idézőjeleknek egyeneseknek kell lenniük, nem karmosaknak.
A JSON formátumának ellenőrzéséhez illessze be a JSON-t a kártya Hasznos adatszerkesztőbe.
Hiányzó kép-URL-címek – Az adaptív kártyákon minden kép értéknek érvényes URL-címre kell mutatnia. Az adaptív kártya közvetlenül nem támogatja a teljes képtartalmat. A képhivatkozásokat úgy tesztelheti, hogy beilleszti az URL-címet a böngészőben, és ellenőrzi, hogy megjelenik-e a kép.
Előfordulhat, hogy Adaptív kártyák stílus és a séma korlátai miatt nem a vártnak tűnik:
Ellenőrizze, hogy a helyőrző értékek, a szövegstílusok és az esetleges jelölőnyelvek megfelelnek-e az adaptív kártya sémakövetelményeinek (tekintse át az adaptív kártya sémákkal kapcsolatos gyakorlati tanácsokatitt)
Használja ki a Visual Studio Code Adaptive kártya validátort. A Code alkalmazásból való telepítéshez Visual Studio nyissa meg a Bővítmények piacterét, és keressen rá az Adaptive kártya Viewer kifejezésre.
Levágott képernyőkép a Visual Studio Code-ban telepített Adaptívkártya-megjelenítő bővítményről (gyorsbillentyű: Ctrl+V+A az engedélyezés után).
Az adaptív kártya beküldés utáni hibáinak oka gyakran a következő:
Olyan műveletet használ, amelynek nevében nem szerepel a „várakozás válaszra” kifejezés
Egynél többször kísérli meg a kártya beküldését. Minden adaptív kártya csak egyszer küldhető be, az ezt követő újabb beküldések figyelmen kívül lesznek hagyva.