Partajați prin


Creează primul tău card adaptiv

Adaptive Carduri din Power Automate poate fie să partajeze blocuri de informații, fie să colecteze date printr-un formular pentru un anumit sursă de date.

În ambele cazuri, va trebui să schițați ce seturi de date veți partaja și/sau ce date va trebui să colecteze formularul.

Sfat

Utilizați blocuri simple de date, mai degrabă decât matrice de tabele complexe.

Cerințe preliminare

Microsoft Teams cu aplicația Workflows instalată.

Adăugați o acțiune

În această procedură, veți adăuga o acțiune care va folosi datele din acțiunile anterioare din flux pentru a posta informații pe un Microsoft Teams canal.

  1. conectați-vă la Power Automate.

  2. Selectați Fluxurile mele în bara de navigare de sus.

  3. Selectați Flux nou>Instant flux pentru cloud.

  4. Denumiți-vă fluxul.

  5. Selectați Declanșați manual un flux ca declanșator.

  6. Selectați Creați.

  7. În designer, selectați New pas.

  8. Căutați Microsoft Teams, apoi selectați Postați un card adaptiv pe un canal Teams și așteptați ca acțiune un răspuns .

  9. Selectați Echipa și Canalul pe care doriți să postați card.

  10. Inserați acest JSON în caseta Message .

    {
        "$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. Faceți următoarele înlocuiri în JSON.

    Important

    Nu eliminați nicio ghilimele când efectuați înlocuirea. Puteți revizui alegerile de mașini pentru a se potrivi nevoilor dvs.:

    Text de schimbat Text nou
    Text slogan antet Power Automate Sondaj
    Antet sondaj Model de mașină preferat
    Întrebare de sondaj Vă rugăm să votați modelul de mașină preferat din opțiunile enumerate aici.
    Înlocuiți textul latin cu un motiv sau un context de afaceri legat de motivul pentru care efectuați sondajul. Ne sondam angajații pentru a stabili dacă ar trebui să oferim locuri de parcare personalizate, dimensionate pentru cele mai populare mașini.
    Alegerea 1 (înlocuiește în ambele locuri) Tesla
    Alegerea 2 (înlocuiește în ambele locuri) Lexus
    Alegerea 3 (înlocuiți în ambele locuri) Honda
  12. Selectați New pas, apoi căutați și selectați una dintre acțiunile Trimiteți un e-mail la care aveți acces.

  13. Furnizați destinatarul e-mailului drept persoana care a selectat butonul instant (utilizați eticheta E-mail din conținutul dinamic din declanșatorul a32>).

  14. Configurați Corpul e-mailului după cum urmează. Înlocuiți cuvintele din paranteze ondulate „{}” cu indicative dinamice:
    Sondajul dvs. răspuns a fost {acPollChoices} (acPollChoices este conținut dinamic din așteptarea unei acțiuni răspuns). A fost trimis de {Nume de utilizator} (Numele de utilizator este conținut dinamic de la declanșator)

Testează-ți card adaptiv

Pentru a vă testa munca, rulați fluxul pe care l-ați creat mai devreme și confirmați următoarele:

  • Rularea fluxului nu are erori și așteaptă răspuns, afișând indicatorul de așteptare pentru acțiunea adaptivă card pe ecranul de rulare.

  • Canalul Teams are noul adaptiv card postat.

  • Când răspundeți la card selectând un model de mașină și apoi selectând butonul Trimite din secțiunea de jos a card adaptiv:

    • Nu ar trebui să apară erori pe card adaptiv.

    • Executarea fluxului se încheie cu succes.

  • Înlocuirea card este relevantă după trimitere dacă ați configurat zona Mesaj de actualizare din partea de jos a așteptați un răspuns acțiuni (afișate în continuare cu înlocuirea corespunzătoare card). În caz contrar, toate trimiterile vor reseta pur și simplu formularul.

    Înlocuire card.

  • Notificarea prin e-mail conține corpul care arată cine a trimis răspuns și ce mașină a fost selectată.

Felicitări! Tocmai ți-ai făcut primul tău card interactiv adaptiv!

A terminat primul card.

Sfaturi de depanare pentru Carduri adaptiv

Cele mai frecvente probleme pe care le veți întâmpina la crearea adaptive Carduri sunt:

  • Erorile de rulare a fluxului sunt adesea cauzate de unul dintre următorii factori:

    În acest caz, eroarea poate să semene cu această captură de ecran:

    Mesaj de eroare.

    • JSON formatat necorespunzător – Acesta nu este de obicei atât de complex pe cât s-ar putea aștepta. Acestea sunt cel mai adesea doar situații în care:

      • Există ghilimele ondulate, sau ghilimele lipsă, în jurul valorilor din JSON. Verificați întotdeauna JSON pentru a vă asigura că toate valorile textului sunt cuprinse între ghilimele duble și că numerele sunt cuprinse între ghilimele. Toate ghilimelele trebuie să fie drepte și nu ondulate.

      • Puteți valida formatul JSON prin lipirea JSON în card Payload Editor.

    • Adrese URL de imagine lipsă – Toate valorile de imagine din Adaptive Carduri trebuie să se refere la o adresă URL validă. Conținutul complet al imaginii nu este acceptat direct într-un card adaptiv. Testați-vă link-urile imaginilor inserând adresa URL în browser pentru a vedea dacă este afișată o imagine.

  • Carduri adaptiv poate să nu arate ca ceea ce este așteptat din cauza constrângerilor de stil și schemă:

    • Verificați dacă valorile substituentului, stilurile de text și orice limbaj de marcare se aliniază cu cerințele schemei adaptive card (consultați Cele mai bune practici ale schemei adaptive cardaici)

    • Utilizați validatorul Visual Studio Cod Adaptiv card. Pentru a o instala din aplicația Visual Studio Code, deschideți Extensions Marketplace și căutați Adaptive card Viewer.

      Extensia Visual Studio Code.

Captură de ecran trunchiată a extensiei Adaptive card Viewer instalată în Visual Studio Cod (comandă rapidă: Ctrl+V+A odată activată).

  • Erorile în urma trimiterii adaptive card se datorează adesea:

    • Folosind o acțiune, care nu include „așteptați răspuns” în nume

      Încearcă din nou.

    • Încercarea de a trimite card de mai multe ori. Fiecare card adaptiv poate fi trimis o singură dată, după care toate trimiterile ulterioare vor fi ignorate.