Kreiranje prve prilagodljive kartice

Prilagodljive kartice u Power Automate okviru mogu deliti blokove informacija ili prikupljati podatke putem obrasca za datu izvor podataka.

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

Napojnica

Koristite jednostavne blokove podataka, a ne složene nizove tabela.

Preduslovi

Microsoft Teams sa instaliranom aplikacijom "Tokovi posla".

Dodajte radnju

U ovu proceduru ćete dodati radnju koja će koristiti podatke iz prethodnih radnji u toku za knjiženje informacija na Microsoft Teams kanal.

  1. Prijavite se u Power Automate.

  2. Izaberite moje tokove na gornjoj traci za navigaciju.

  3. Izaberite novi tok>Instant toka oblaka.

  4. Navedi svoj tok.

  5. Ručno izaberite stavku Aktiviraj tok kao okidač.

  6. Izaberite Kreiraj.

  7. U dizajneru izaberite stavku Novi korak.

  8. Potražite Microsoft Teams, a zatim izaberite Stavku Proknjiži prilagodljivu karticu na Kanalu timova i sačekajte odgovor kao radnju.

  9. Izaberite tim i Kanal na koji želite da proknjižite karticu.

  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. Izvršite sledeće zamene u JSON-u.

    Važno

    Nemojte uklanjati navodnike kada radite zamene. Izbor automobila možete korigovati tako da odgovara vašim potrebama:

    Tekst za promenu Novi tekst
    Tekst taga zaglavlja Power Automate Anketa
    Zaglavlje ankete Željeni model automobila
    Pitanje ankete Molimo vas da glasate o željenom modelu automobila od navedenih izbora.
    Zamenite latinični tekst razlogom ili poslovnim kontekstom u vezi sa tim zašto sprovodite anketu. Anketiramo naše zaposlene kako bismo utvrdili da li treba da obezbedimo personalizovana parking mesta veličine za najpopularnije automobile.
    Izbor 1 (zamena na oba mesta) Tesla
    Izbor 2 (zamena na oba mesta) Lexus
    Izbor 3 (zamena na oba mesta) Honda
  12. Izaberite stavku Novi korak, a zatim potražite i izaberite jednu od radnji slanja e-pošte kojima imate pristup.

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

  14. Konfigurišite telo e-poruke na sledeći način. Zamenite reči u kovrdžavim zagradama "{}" dinamičkim simbolima:
    Vaš odgovor na anketu {acPollChoices} je bio(acPollChoices je dinamičan sadržaj od čekanja na akciju odgovora). Prosledilo ga je korisničko {ime(Korisničko} ime je dinamički sadržaj sa okidača)

Testiranje prilagodljive kartice

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

  • Pokretanje toka nema grešaka i čeka odgovor koji prikazuje indikator čekanja za radnju prilagodljive kartice na run ekranu.

  • Kanal Teams ima postavljenu novu prilagodljivu karticu.

  • Kada odgovorite na karticu izborom modela automobila, a zatim izaberete dugme Prosledi na donjem delu prilagodljive kartice:

    • Na prilagodljivoj kartici ne bi trebalo da dođe do grešaka.

    • Pokretanje toka se uspešno završava.

  • Zamena kartice je relevantna nakon prosleđivanja ako ste podesili oblast poruke ažuriranjana dnu čekanja na radnje odgovora (prikazane sledeće sa odgovarajućom karticom zamene). U suprotnom, svi podnesci će jednostavno uspostaviti početne vrednosti obrasca.

    Zamena kartice.

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

Čestitamo! Upravo ste napravili svoju prvu interaktivnu prilagodljivu karticu!

Završena prva karta.

Saveti za rešavanje problema za prilagodljive kartice

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

  • Greške pri trčanju toka često su izazvane jednim od sledećih faktora:

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

    Poruka o grešci.

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

      • Postoje kovrdžavi citati ili citati koji nedostaju, oko vrednosti unutar JSON-a. Uvek proverite JSON da biste se uverili da su sve tekstualne vrednosti pod dvostrukim navodnicima i da li su brojevi pod znacima navoda. Svi znaci navoda treba da budu ravni, a ne kovrdžavi.

      • Format JSON-a možete da proverite tako što ćete JSON nalepiti u uređivač tovara kartica.

    • URL adrese slike koje nedostaju – Sve vrednosti slike unutar prilagodljivih kartica moraju da se odnose na važeću URL adresu. Kompletan sadržaj slike nije direktno podržan na prilagodljivoj kartici. Testirajte veze slike tako što ćete nalepiti URL adresu u pregledač da biste videli da li je slika prikazana.

  • Prilagodljive kartice možda neće izgledati kao ono što se očekuje tokom stajlinga i ograničenja šeme:

    • Proverite da li su vrednosti čuvara mesta, stilovi teksta i bilo koje poravnavanje jezika naznaka sa zahtevima šeme prilagodljive kartice ( pregledajte ovde najbolje prakse šeme prilagodljive kartice...)

    • Iskoristite validator Visual Studio prilagodljive kartice koda. Da biste ga instalirali iz aplikacije Visual Studio "Kod", otvorite opciju "Extensions Marketplace" i potražite stavku " Prikazivač prilagodljivih kartica".

      Proširenje za Visual Studio Code.

Skraćeni snimak ekrana proširenja adaptivnog prikazivača kartica instaliranog u kodu Visual Studio (prečica: Ctrl+V+A jednom omogućena).

  • Greške nakon prosleđivanja prilagodljive kartice često su posledica:

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

      Pokušaj ponovo.

    • Pokušaj prosleđivanje kartice više puta. Svaka prilagodljiva kartica se može proslediti samo jednom, nakon čega će svi dalji podnesci biti zanemareni.