Skip to content

Files

Latest commit

gabogArsh-KashyaptracyboehrerJonathanFingoldeberhardts
Apr 29, 2022
219034c · Apr 29, 2022

History

History
This branch is 5 commits ahead of, 118 commits behind southworks/BotBuilder-Samples:main.

06.using-cards

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
Mar 18, 2020
May 2, 2019
Oct 29, 2021
Sep 1, 2020
Aug 26, 2021
Sep 21, 2018
Jun 24, 2020
Nov 16, 2021
Apr 9, 2021
Apr 29, 2022
Mar 18, 2020
Nov 24, 2020
Nov 16, 2021
May 2, 2019
Nov 16, 2021

README.md

Using Cards

Bot Framework v4 using cards bot sample

This bot has been created using Bot Framework, it shows how to create a bot that uses rich cards to enhance your bot design.

Prerequisites

  • .NET Core SDK version 3.1

    # determine dotnet version
    dotnet --version

To try this sample

  • Clone the repository

    git clone https://github.com/Microsoft/botbuilder-samples.git
  • Run the bot from a terminal or from Visual Studio:

    A) From a terminal, navigate to samples/csharp_dotnetcore/06.using-cards

    # run the bot
    dotnet run

    B) Or from Visual Studio

    • Launch Visual Studio
    • File -> Open -> Project/Solution
    • Navigate to samples/csharp_dotnetcore/06.using-cards folder
    • Select CardsBot.csproj file
    • Press F5 to run the project

Testing the bot using Bot Framework Emulator

Bot Framework Emulator is a desktop application that allows bot developers to test and debug their bots on localhost or running remotely through a tunnel.

  • Install the latest Bot Framework Emulator from here

Connect to the bot using Bot Framework Emulator

  • Launch Bot Framework Emulator
  • File -> Open Bot
  • Enter a Bot URL of http://localhost:3978/api/messages

Interacting with the bot

Most channels support rich content. In this sample we explore the different types of rich cards your bot may use. A key to good bot design is to send interactive media, such as Rich Cards. There are several different types of Rich Cards, which are as follows:

  • Animation Card
  • Audio Card
  • Hero Card
  • Receipt Card
  • Sign In Card
  • Thumbnail Card
  • Video Card

When designing the user experience developers should consider adding visual elements such as Rich Cards.

Deploy the bot to Azure

To learn more about deploying a bot to Azure, see Deploy your bot to Azure for a complete list of deployment instructions.

Further reading