07.using-adaptive-cards

This sample shows how to send an Adaptive Card. This bot example uses restify and dotenv.

To try this sample

• Clone the repository

  git clone https://github.com/Microsoft/botbuilder-samples.git

• In a terminal, navigate to samples/javascript_nodejs/07.using-adaptive-cards

  cd samples/javascript_nodejs/07.using-adaptive-cards

• [Optional] Update the .env file under samples/javascript_nodejs/07.using-adaptive-cards with your botFileSecret For Azure Bot Service bots, you can find the botFileSecret under application settings.
• Install modules and start the bot

  npm i && npm start

  Alternatively you can also use nodemon via

  npm i && npm run watch

Testing the bot using Bot Framework Emulator

Microsoft 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 Bot Framework Emulator from here

Connect to bot using Bot Framework Emulator V4

• Launch Bot Framework Emulator
• File -> Open Bot Configuration and navigate to samples/javascript_nodejs/07.using-adaptive-cards folder
• Select using-adaptive-cards.bot file

Adding media to messages

A message exchange between user and bot can contain media attachments, such as cards, images, video, audio, and files.

Adaptive Cards are supported by Bot Framework:

• Adaptive card
• Send an Adaptive card

Deploy this bot to Azure

You can use the MSBot Bot Builder CLI tool to clone and configure any services this sample depends on. In order to install this and other tools, you can read Installing CLI Tools.

To clone this bot, run

msbot clone services -f deploymentScripts/msbotClone -n <BOT-NAME> -l <Azure-location> --subscriptionId <Azure-subscription-id> --appId <YOUR APP ID> --appSecret <YOUR APP SECRET PASSWORD>

NOTE: You can obtain your appId and appSecret at the Microsoft's Application Registration Portal

Further reading

• Azure Bot Service Introduction
• Add media to messages
• Rich card types