Comparteix a través de


Crear la primera targeta adaptable

Les targetes adaptatives poden Power Automate compartir blocs d'informació o recopilar dades a través d'un formulari per a una font de dades determinada.

En qualsevol cas, haureu d'esbossar quins conjunts de dades compartireu i/o quines dades haurà de recollir el formulari.

Propina

Utilitzeu blocs de dades senzills en lloc de matrius de taules complexes.

Requisits previs

Microsoft Teams amb l'aplicació Fluxos de treball instal·lada.

Afegeix una acció

En aquest procediment, afegireu una acció que utilitzarà les dades de les accions anteriors del flux per publicar informació en un Microsoft Teams canal.

  1. Inicieu sessió a Power Automate.

  2. Seleccioneu Els meus fluxos a la barra de navegació superior.

  3. Seleccioneu Flux>nou flux de núvol instantani.

  4. Posa un nom al flux.

  5. Seleccioneu Activa manualment un flux com a activador.

  6. Seleccioneu Crea.

  7. Al dissenyador, seleccioneu Nou pas.

  8. Cerqueu Microsoft Teams i, a continuació, seleccioneu Publica una targeta adaptable a un canal del Teams i espereu una resposta com a acció.

  9. Selecciona l'equip i el canal al qual vols publicar la targeta.

  10. Enganxeu aquest JSON al quadre Missatge .

    {
        "$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. Feu les substitucions següents al JSON.

    Important

    No suprimiu cap cometa quan feu les substitucions. Podeu revisar les opcions de cotxe per adaptar-les a les vostres necessitats:

    Text a canviar Text nou
    Text de l'eslògan de la capçalera Power Automate Enquesta
    Capçalera de l'enquesta Model de cotxe preferit
    Pregunta de l'enquesta Si us plau, voteu el vostre model de cotxe preferit entre les opcions que s'indiquen aquí.
    Substituïu el text llatí per un motiu o context empresarial relacionat amb el motiu pel qual esteu realitzant l'enquesta. Estem enquestant els nostres empleats per determinar si hem de proporcionar places d'aparcament personalitzades que tinguin la mida dels cotxes més populars.
    Opció 1 (substituir en ambdós llocs) Tesla
    Opció 2 (substituir en ambdós llocs) Lexus
    Opció 3 (substituir en ambdós llocs) Honda
  12. Seleccioneu Pas nou i, a continuació, cerqueu i seleccioneu una de les accions Envia un correu electrònic a les quals teniu accés.

  13. Proporcioneu el destinatari del correu electrònic com a persona que ha seleccionat el botó instantani (utilitzeu l'etiqueta Correu electrònic del contingut dinàmic del trigger).

  14. Configureu el cos del correu electrònic de la següent manera. Substituïu les paraules entre parèntesis arrissats "{}" per fitxes dinàmiques:
    La resposta de l'enquesta va ser {acPollChoices} (acPollChoices és contingut dinàmic de l'espera d'una acció de resposta). S'ha enviat per {nom} d'usuari (el nom d'usuari és contingut dinàmic de l'activador)

Provar la targeta adaptable

Per provar el vostre treball, executeu el flux que heu creat anteriorment i confirmeu el següent:

  • L'execució del flux no té errors i espera la resposta, mostrant l'indicador d'espera de l'acció de la targeta adaptativa a la pantalla d'execució.

  • El canal Teams té publicada la nova targeta adaptativa.

  • Quan responguis a la targeta seleccionant un model de cotxe i, a continuació, seleccionant el botó Envia a la secció inferior de la targeta adaptativa:

    • No s'hauria de produir cap error a la targeta adaptativa.

    • L'execució del flux es completa correctament.

  • La substitució de la targeta és rellevant després de l'enviament si heu configurat el Actualitza l'àrea de missatges a la part inferior de les accions d'espera d'una resposta (que es mostra a continuació amb la targeta de substitució corresponent). En cas contrari, tots els enviaments simplement restabliran el formulari.

    Targeta de substitució.

  • La notificació per correu electrònic conté el cos que mostra qui ha enviat la resposta i quin cotxe s'ha seleccionat.

Enhorabona. Acabes de fer la teva primera targeta adaptativa interactiva!

Ha acabat la primera targeta.

Consells de resolució de problemes per a Targetes adaptatives

Els problemes més habituals que trobareu en crear Targetes adaptatives són:

  • Els errors d'execució de flux sovint són causats per un dels factors següents:

    En aquest cas, l'error pot semblar-se a aquesta captura de pantalla:

    Missatge d'error.

    • JSON amb format incorrecte - Això no sol ser tan complex com es podria esperar. Sovint es tracta de situacions en què:

      • Hi ha cometes arrissades, o cometes que falten, al voltant dels valors dins del JSON. Comproveu sempre el JSON per assegurar-vos que tots els valors de text estiguin entre cometes dobles i que els números estiguin entre cometes. Totes les cometes han de ser rectes i no arrissades.

      • Podeu validar el format del vostre JSON enganxant el JSON a l'editor de càrrega útil de la targeta.

    • Falten URL d'imatge: tots els valors d'imatge de l'Adaptive Targetes han de fer referència a un URL vàlid. El contingut complet de la imatge no s'admet directament en una targeta adaptativa. Proveu els enllaços d'imatge enganxant l'URL al navegador per veure si es mostra una imatge.

  • És possible que les targetes adaptatives no s'assemblin al que s'espera a causa de les restriccions d'estil i esquema:

    • Comproveu que els valors de marcador de posició, els estils de text i qualsevol llenguatge de marcatge s'alineïn amb els requisits de l'esquema de targeta adaptativa (reviseu les pràctiquesrecomanades de l'esquema de targeta adaptativa aquí)

    • Aprofiteu el validador de Visual Studio targetes adaptatives de codi. Per instal·lar-lo des de l'aplicació Visual Studio Codi, obriu el Mercat d'extensions i cerqueu Visor de targetes adaptatives.

      Extensió de Visual Studio Code.

Captura de pantalla truncada de l'extensió del visor de targetes adaptatives instal·lada al Visual Studio codi (drecera: Ctrl+V+A un cop habilitada).

  • Els errors després de l'enviament de la targeta adaptativa sovint es deuen a:

    • Utilitzar una acció, que no inclogui "espera la resposta" al nom

      Prova una altra vegada.

    • Intentar enviar la targeta més d'una vegada. Cada targeta adaptativa només es pot enviar una vegada, després de la qual cosa s'ignoraran tots els enviaments posteriors.