Membuat kartu adaptif pertama Anda

Kartu adaptif di dalamnya Power Automate dapat berbagi blok informasi atau mengumpulkan data melalui formulir untuk sumber data tertentu.

Dalam kedua kasus tersebut, Anda harus membuat sketsa himpunan data mana yang akan Anda bagikan, dan/atau data apa yang perlu dikumpulkan formulir.

Tips

Gunakan blok data sederhana daripada array tabel yang kompleks.

Prasyarat

Microsoft Teams dengan aplikasi Alur Kerja terinstal.

Tambah tindakan

Dalam prosedur ini, Anda menambahkan tindakan yang menggunakan data dari tindakan sebelumnya dalam alur untuk memposting informasi ke saluran Microsoft Teams.

  1. Masuk ke Power Automate.

  2. Pilih Alur saya di bilah navigasi atas.

  3. Pilih Alur baru>Alur cloud instan.

  4. Beri nama alur Anda.

  5. Pilih Picu alur secara manual sebagai pemicu.

  6. Pilih Buat.

  7. Di perancang, pilih Langkah Baru.

  8. Cari Microsoft Teams, lalu pilih Posting kartu adaptif ke saluran Teams dan tunggu respons sebagai tindakan.

  9. Pilih Tim dan Saluran tempat Anda ingin memposting kartu.

  10. Tempelkan JSON ini ke dalam kotak Pesan .

    {
    "$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. Lakukan penggantian berikut di JSON.

    Penting

    Jangan hapus tanda kutip apa pun saat Anda melakukan penggantian. Anda dapat merevisi pilihan mobil agar sesuai dengan kebutuhan Anda:

    Teks yang akan diubah Teks baru
    Teks Tagline Header Power Automate Jajak pendapat
    Judul Jajak Pendapat Model Mobil Pilihan
    Pertanyaan Jajak Pendapat Silakan pilih model mobil pilihan Anda dari pilihan yang tercantum di sini.
    Ganti teks latin dengan alasan, atau konteks bisnis, yang terkait dengan mengapa Anda melakukan jajak pendapat. Kami melakukan jajak pendapat kepada karyawan kami untuk menentukan apakah kami harus menyediakan tempat parkir yang dipersonalisasi yang berukuran untuk mobil paling populer.
    Pilihan 1 (ganti di kedua tempat) Tesla
    Pilihan 2 (ganti di kedua tempat) Lexus
    Pilihan 3 (ganti di kedua tempat) Honda

  12. Pilih Langkah Baru, lalu cari dan pilih salah satu tindakan Kirim email yang dapat Anda akses.

  13. Berikan penerima email sebagai orang yang memilih tombol instan (gunakan tag Email dari konten dinamis dari pemicu).

  14. Konfigurasikan Isi email sebagai berikut. Ganti kata-kata dalam tanda kurung keriting "{}" dengan token dinamis:
    Jawaban polling Anda adalah {acPollChoices} (acPollChoices adalah konten dinamis dari tindakan menunggu respons). Itu dikirimkan oleh {Nama Pengguna} (Nama Pengguna adalah konten dinamis dari pemicu)

Menguji kartu adaptif Anda

Untuk menguji pekerjaan Anda, jalankan alur yang Anda buat sebelumnya dan konfirmasikan hal berikut:

  • Eksekusi alur tidak mengalami kesalahan dan menunggu respons, sambil menampilkan indikator tunggu untuk tindakan Kartu Adaptif pada layar eksekusi.

  • Saluran Teams memiliki kartu adaptif baru yang baru diposting.

  • Saat Anda merespons kartu dengan memilih model mobil, lalu memilih tombol Kirim di bagian bawah kartu adaptif:

    • Tidak ada kesalahan yang akan terjadi pada kartu adaptif.

    • Eksekusi alur ini berhasil diselesaikan.

  • Penggantian kartu relevan setelah pengiriman jika Anda telah mengonfigurasi area Perbarui pesan di bagian bawah tindakan tunggu respons (ditampilkan selanjutnya dengan kartu pengganti yang sesuai). Jika tidak, semua kiriman hanya akan mengatur ulang formulir.

    Kartu pengganti.

  • Pemberitahuan email berisi isi email yang menunjukkan siapa yang mengirim respons dan mobil mana yang dipilih.

Selamat! Anda baru saja membuat kartu adaptif interaktif pertama Anda!

Menyelesaikan kartu pertama.

Tips pemecahan masalah untuk kartu adaptif

Masalah paling umum yang akan Anda temui saat membuat kartu adaptif adalah:

  • Kesalahan saat menjalankan alur sering disebabkan oleh salah satu faktor berikut:

    Dalam hal ini, kesalahan mungkin menyerupai tangkapan layar ini:

    Pesan kesalahan.

    • JSON yang tidak diformat dengan benar – Ini biasanya tidak serumit yang diharapkan. Ini paling sering hanya situasi di mana:

      • Ada tanda kutip keriting, atau tanda kutip yang hilang, di sekitar nilai dalam JSON. Selalu periksa JSON untuk memastikan semua nilai teks diapit dalam tanda kutip ganda, dan angka tersebut diapit dalam tanda kutip. Semua tanda kutip harus lurus, tidak melengkung.

      • Anda dapat memvalidasi format JSON Anda dengan menempelkan JSON ke Card Payload Editor.

    • URL Gambar Hilang – Semua nilai gambar dalam Kartu Adaptif harus merujuk ke URL yang valid. Konten gambar penuh tidak didukung secara langsung dalam Kartu Adaptif. Uji tautan gambar Anda dengan menempelkan URL ke browser untuk melihat apakah gambar ditampilkan.

  • Kartu Adaptif mungkin tidak terlihat seperti yang diharapkan karena kendala gaya dan skema:

    • Periksa apakah nilai placeholder, gaya teks, dan bahasa markup apa pun selaras dengan persyaratan skema Adaptive Card (tinjau praktik terbaik skema Adaptive Carddi sini)

    • Manfaatkan validator Kartu Adaptif Visual Studio Code. Untuk menginstalnya dari aplikasi Visual Studio Kode, buka Extensions Marketplace, dan cari Adaptive Card Viewer.

      Ekstensi Visual Studio Code.

Tangkapan layar terpotong dari ekstensi Adaptive Card Viewer yang dipasang di Visual Studio Kode (pintasan: Ctrl+V+A setelah diaktifkan).

  • Kesalahan yang terjadi setelah pengiriman Kartu Adaptif sering kali disebabkan oleh:

    • Menggunakan tindakan yang tidak menyertakan 'tunggu respons' dalam namanya

      Coba lagi.

    • Mencoba mengirimkan kartu lebih dari satu kali. Setiap Kartu Adaptif hanya dapat diserahkan satu kali, setelah itu semua penyerahan selanjutnya akan diabaikan.

  • Terakhir diperbarui pada