Kreirajte svoju prvu adaptivnu kartica

Adaptivne Kartice unutar Power Automate mogu ili deliti blokove informacija ili prikupljati podatke putem obrasca za određeni izvor podataka.

U oba slučaja, moraćete da skicirate koje skupove podataka ćete deliti i / ili koje podatke će obrazac morati da prikupi.

Preduslovi

Microsoft Teams sa instaliranom aplikacijom Radni tokovi.

Dodajte radnju

U ovoj proceduri ćete dodati akciju koja će koristiti podatke iz prethodnih akcija u toku za objavljivanje informacija na kanalu Microsoft Teams .

1. Prijavite se na Power Automate.

2. Izaberite Moji tokovi u gornjoj traci za navigaciju.

3. Izaberite Novi protok>Instant tok u oblaku.

4. Nazovite svoj tok.

5. Izaberite Ručno aktivirajte tok kao okidač.

6. Izaberite Kreiraj.

7. U dizajneru, izaberite Novi korak.

8. Tražite Microsoft Teams, a zatim izaberite Objavite adaptivnu kartica na kanalu Teams i sačekajte odgovor kao akciju.

9. Izaberite tim i kanal na koji želite da postavite kartica.

10. Nalepite ovaj JSON u polje za poruke .

    {
        "$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. Napravite sledeće zamene u JSON-u.

    Važno

    Ne uklanjajte nikakve navodnike kada radite zamene. Možete revidirati izbor automobila kako bi odgovarao vašim potrebama:

    Tekst za promenu	Novi tekst
    Zaglavlje Tagline Tekst	Power Automate Anketa
    Zaglavlje ankete	Željeni model automobila
    Anketno pitanje	Molimo Vas da glasate o željenom modelu automobila iz izbora navedenih ovde.
    Zamenite latinski tekst razlogom ili poslovnim kontekstom koji se odnosi na to zašto sprovodite anketu.	Anketiramo naše zaposlene kako bismo utvrdili da li treba da obezbedimo personalizovana parking mesta koja su veličine za najpopularnije automobile.
    Izbor 1 (zamenite na oba mesta)	Tesla
    Izbor 2 (zamenite na oba mesta)	Leksus
    Izbor 3 (zamenite na oba mesta)	Honda

12. Izaberite Novi korak, a zatim potražite i izaberite jednu od akcija Pošalji e-poštu kojima imate pristup.

13. Navedite primaoca e-pošte kao osobu koja je izabrala instant dugme (koristite oznaku E-pošta iz dinamičkog sadržaja iz okidača).

14. Konfigurišite telo e-pošte na sledeći način. Zamenite reči u kovrčavim zagradama "{}" sa dinamičkim tokenima:
    Vaš odgovor na anketu bio je ( {acPollChoices} acPollChoices je dinamičan sadržaj iz čekanja na akciju odgovor). To je dostavio {Korisničko ime} (Korisničko ime je dinamičan sadržaj iz okidača)

Testirajte svoju adaptivnu kartica

Da biste testirali svoj rad, pokrenite tok koji ste ranije kreirali i potvrdite sledeće:

• Trčanje protoka nema grešaka i čeka odgovor, pokazujući indikator čekanja za akciju adaptivne kartice na ekranu za trčanje.

• Kanal Teams ima postavljenu novu adaptivnu kartica.

• Kada odgovorite na kartica odabirom modela automobila, a zatim odabirom dugmeta Pošalji na donjem delu adaptivne kartice:

  • Na adaptivnoj kartica ne bi trebalo da se pojave greške.

  • Trčanje protoka se uspešno završava.

• Zamena kartica je relevantna nakon podnošenja ako ste konfigurisali Ažuriranje poruke oblast na dnu čekanja za odgovorakcije (prikazano sledeće sa odgovarajućom zamena kartica). U suprotnom, svi podnesci će jednostavno resetovati obrazac.

  

• Obaveštenje e-poštom sadrži telo koje pokazuje ko je podneo odgovor i koji je automobil izabran.

Čestitamo! Upravo ste napravili svoju prvu interaktivnu adaptivnu kartica!

Saveti za rešavanje problema za adaptivne Kartice

Najčešći problemi sa kojima ćete se susresti prilikom kreiranja adaptivne Kartice su:

• Greške u pokretanju protoka često su uzrokovane jednim od sledećih faktora:

  • Aplikacija Radni tokovi nije instalirana u Microsoft Teams - Instalirajte aplikaciju Microsoft Teams Radni tokovi.

  U ovom slučaju greška može ličiti na ovaj snimak ekrana:

  

  • Nepravilno formatiran JSON – Ovo obično nije tako složeno kao što bi se moglo očekivati. To su najčešće samo situacije u kojima:

    • Postoje kovrdžavi navodnici, ili nedostaju navodnici, oko vrednosti unutar JSON-a. Uvek proverite JSON da biste bili sigurni da su sve tekstualne vrednosti zatvorene u dvostrukim navodnicima i da su brojevi zatvoreni u navodnike. Svi navodnici treba da budu ravni, a ne kovrdžavi.

    • Možete potvrditi format vašeg JSON-a tako što ćete nalepiti JSON u urednik korisnog opterećenja kartica.

  • Nedostajuće URL adrese slika – Sve vrednosti slike unutar Adaptive Kartice moraju se odnositi na važeći URL. Sadržaj pune slike nije direktno podržan u adaptivnoj kartici. Testirajte svoje linkove za slike tako što ćete nalepiti URL u pretraživač da biste videli da li je slika prikazana.

• Adaptive Kartice možda ne izgledaju kao ono što se očekuje zbog ograničenja stila i šeme:

  • Proverite da li su vrednosti zamesta, stilovi teksta i bilo koji jezik označavanja usklađeni sa zahtevima šeme adaptivne kartice (pregledajte najbolje praksešeme adaptivne kartice ovde)

  • Iskoristite validator adaptivne Visual Studio kartice koda . Da biste ga instalirali iz Visual Studio aplikacije Code, otvorite Ektensions Marketplace i potražite Adaptive kartica Viever.

    

Skraćeni snimak ekrana ekstenzije Adaptive kartica Viever instalirane u kodu Visual Studio (prečica: Ctrl + V + A jednom omogućena).

• Greške nakon podnošenja adaptivne kartice često su zbog:

  • Korišćenje akcije, koja ne uključuje "sačekajte odgovor" u imenu

    

  • Pokušaj podnošenja kartica više puta. Svaka adaptivna kartica može se dostaviti samo jednom, nakon čega će svi daljnji podnesci biti ignorisani.