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


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.

  1. Jelentkezzen be Power Automate.

  2. Válassza a Saját folyamatok lehetőséget a felső navigációs sávon.

  3. Válassza az Új folyamat azonnali felhőfolyamat lehetőséget>.

  4. Nevezze el a folyamatot.

  5. Válassza a Folyamat manuális aktiválása eseményindítóként lehetőséget .

  6. Válassza a Létrehozás parancsot.

  7. A tervezőben válassza az Új lépés lehetőséget.

  8. 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.

  9. Válaszd ki azt a csapatot és csatornát , amelyen közzé szeretnéd tenni a kártya.

  10. 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"
            }
        ]
    }
    
  11. 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
  12. 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.

  13. 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).

  14. 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.

    Cserekártya.

  • 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.

A kész első kártya.

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:

    Ilyen esetben az alábbi képernyőképhez hasonló hibaüzenetet kap:

    Hibaüzenet.

    • 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.

      Visual Studio Code kiterjesztés.

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

      Próbálja újra.

    • 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.