Create Your Own Basic Azure Chatbot (QnA) Without Any Code

Introduction

Azure Bot Service provides an integrated development environment for bot building. Its integration with Power Virtual Agents, a fully hosted low-code platform, enables developers of all technical abilities build conversational AI bots—no code needed.

Source of introduction - Bot-services

Prerequisites

  • Azure account. if you don't have then click here to create free account.
  • Required basic HTML knowledge

Step by Step implementation

Step 1 - Create Azure QnA cognitive service

  • Open https://portal.azure.com/
  • Login with your azure account
  • Click on create resource
  • Search QnA Maker service and click on it

     
  • Provide basic details and then click on "review and create" resource
  • Once resource is created follow step 2

Step 2 - Setup QnA

  • Open https://www.qnamaker.ai/
  • Login with same credential that you have used for azure portal
  • Then we can see the created resource in main page
  • Now we need to create knowledge bases. Let's follow step 3 to create it

Step 3 - Setup knowledge base

  • Open https://www.qnamaker.ai/
  • Login with same credential that you have used for azure portal
  • Click on Create a Knowledge Base
    • We can skip step 1 in Create a Knowledge Base as QnA resource is already created
    • Let's follow step 2 and provide all required details

    • Step 3 - Provide knowledge-based name whatever you want
    • Step 4 - We can skip it as we are creating basic azure chatbot. We can explore it in next article
    • Step 5 - Just click on Create Your KB button and wait for some time to complete it
      • As soon as process is completed, you will be redirecting to knowledge base main page where we can add / edit / delete QnA. By default, we can see samples of QnAs.
      • Let's add some question and answer for Demo
        • Click on Add QnA pair
        • Provide some sample QnA.

      • Click on Save and Train button
      • Click on PUBLISH menu on top and then click on Publish button
      • Then will get API information which we can use in postman / soupUi for more testing or we can integrate it in our project. 
      • Now follow final step 4 to create azure bot

 Step 4 - Create Azure chatbot

  • Open https://www.qnamaker.ai/
  • Login with same credential that you have used for azure portal
  • Click on My Knowledge Base
  • We can see KB which we have created in previous step. Just click on it


     
  • Click on PUBLISH menu on top and then click on Publish button
  • Click on Create Bot button then you will redirect to azure portal 


     
  • Use same credential that we have used
  • All the information will be pre-filled based on created KB 
  • Just change pricing tier to FREE and then click on Create button
  • Open poc-01-bot once it is created 


     
  • Click on Test in Web chat


     
  • Now we can test BOT. 


     
  • Follow step 5 to integrate BOT in any web portal

Step 5 - Integrate BOT in any web portal

  • Open https://portal.azure.com/
  • Login with your azure account
  • Search and select your BOT
  • Click on channel from left panel


     
  • Click on web chat


     
  • Click on default site and copy HTML iframe code from right panel and use secret keys which is provided in textbox and then replace it with {YOUR_SECRET_HERE}

Thank you all !!