AdaptiveCards JSON formatında görsel kartlar hazırlamamızı sağlayan bir standart. AdaptiveCards’ı Microsoft Bot Framework’le kullanabildiğimiz gibi Python’la ya da Dialogflow’la geliştirdiğimiz ChatBotlarla da kullanabiliriz.

Hazırladığınız ChatBot’un frontendi Angular ya da React ise AdaptiveCards npm paketini yükleyerek projenizde kullanabilirsiniz.

Dialogflow’da AdaptiveCards response’larını Custom Payload alanları JSON dokümanları olarak girmemiz istemcide renderCard fonksiyonu ile renderlamamız gerekiyor.

Aşağıda örnek bir HeroCard görmektesiniz:

AdaptiveCards sayesinde yapay zekamız görsel ve buton gibi interaktif içerikleri içeren kartları döndürebilir hale geliyor. AdaptiveCards’ın istemci kütüphanesi ile JSON formatındaki responseları otomatik olarak renderlayabiliyorsunuz.

Bize sadece kartları JSON formatında tasarlamak kalıyor.

Mutlu kodlamalar 🙂