Bagikan melalui

Kartu Adaptif untuk Pengembang Bot

Kartu Adaptif sangat cocok untuk Bot. Mereka memungkinkan Anda membuat kartu sekali dan menghasilkan tampilan yang indah dalam berbagai aplikasi, seperti Microsoft Teams, situs web Anda sendiri, dan banyak lagi.

Nota

Skype tidak didukung dalam pratinjau saat ini. Lihat halaman Status Mitra untuk yang terbaru.

Integrasi Kerangka Kerja Bot

Dengan Bot Framework , Anda dapat menulis satu bot yang dapat mengobrol dengan pengguna di beberapa "saluran", seperti Skype, Microsoft Teams, Facebook Messenger, dll.

Petunjuk Langkah demi Langkah

Cukup mudah untuk menambahkan Kartu Adaptif ke bot Anda.

Langkah 0: Mulai dengan pesan dasar

Berikut adalah payload Bot Framework message standar yang dapat dikirimkan ke saluran apa pun dan menampilkan teks kepada pengguna.

{
   "type": "message",
   "text": "Plain text is ok, but sometimes I long for more..."
}

Langkah 1: Tambahkan Kartu Adaptif attachment

Untuk menambahkan beberapa elemen tambahan di luar sekadar teks, Bot Framework memiliki konsep attachments.

Mari lampirkan Kartu Adaptif yang menampilkan teks kustom.

Kartu adaptif dasar 

{
  "type": "message",
  "text": "Plain text is ok, but sometimes I long for more...",
  "attachments": [
    {
      "contentType": "application/vnd.microsoft.card.adaptive",
      "content": {
        "type": "AdaptiveCard",
        "version": "1.0",
        "body": [
          {
            "type": "TextBlock",
            "text": "Hello World!",
            "size": "large"
          },
          {
            "type": "TextBlock",
            "text": "*Sincerely yours,*"
          },
          {
            "type": "TextBlock",
            "text": "Adaptive Cards",
            "separation": "none"
          }
        ],
        "actions": [
          {
            "type": "Action.OpenUrl",
            "url": "http://adaptivecards.io",
            "title": "Learn More"
          }
        ]
      }
    }
  ]
}

Langkah 2: Buat kartu dengan fitur lebih lengkap

Kartu Adaptif menawarkan lebih dari sekadar teks yang dapat disesuaikan.

Kamu bisa:

  • Tambahkan Images ke kartu Anda
  • Atur konten Anda dengan Containers dan Columns
  • Menambahkan beberapa jenis Actions
  • Kumpulkan Input dari pengguna Anda
  • Memiliki satu kartu show another card
  • Lihat penjelajah skema lengkap!

SDK untuk Platform

Jika bot Anda dikembangkan menggunakan .NET atau NodeJS, kami memiliki pustaka untuk membuat pembuatan Kartu Adaptif menjadi lebih mudah.

Platform Install Pelajari lebih lanjut
.NET Install-Package AdaptiveCards -IncludePrerelease Dokumen .NET Kerangka Kerja Bot
NodeJS npm install adaptivecards Bot Framework NodeJS Docs

Status saluran

Bot Framework memungkinkan Anda menerbitkan bot ke beberapa saluran. Kami bekerja sama dengan berbagai saluran untuk memberikan dukungan penuh untuk Kartu Adaptif. Lihat halaman Status Mitra untuk yang terbaru.

Ayo mulai!

Kami baru saja memulai dalam tutorial ini, jadi silakan lihat tautan di bawah ini untuk menjelajahi lebih banyak cara Kartu Adaptif dapat meningkatkan bot Anda.

  • Last updated on