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 a free account.
  • Required basic HTML knowledge.

Step by Step implementation
 

Step 1. Create Azure QnA cognitive service

  • Open https://portal.azure.com/
  • Log in with your Azure account.
  • Click on Create a resource.
  • Search QnA Maker service and click on it.
    Maker service
    Project details
  • Provide basic details and then click on "review and create" resource.
  • Once the resource is created follow step 2.

Step 2. Setup QnA

  • Open https://www.qnamaker.ai/
  • Login with the same credentials that you have used for the Azure portal.
  • Then we can see the created resource in the main page.
    Azure portal
  • 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 the same credentials that you have used for the Azure portal.
  • Click on Create a Knowledge Base.
    Knowledge Base
    • We can skip step 1 in Create a Knowledge Base as the QnA resource is already created
    • Let's follow step 2 and provide all the required details
      Resource
    • Step 3. Provide a knowledge-based name whatever you want
      KB
    • Step 4. We can skip it as we are creating a basic Azure chatbot. We can explore it in the next article.
    • Step 5. Just click on the Create Your KB button and wait for some time to complete it.
      • As soon as the process is completed, you will be redirected to the 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
           QnA pair
        • Provide some sample Q&A.
          Sample QnA
      • Click on the Save and Train button.
         Save and Train
      • Click on the PUBLISH menu on top and then click on the Publish button
      • Then will get API information which we can use in Postman / soupUi for more testing or we can integrate it into our project.
      • Now follow final step 4 to create azure bot

Step 4. Create an Azure chatbot

  • Open https://www.qnamaker.ai/
  • Login with the same credentials that you have used for the Azure portal.
  • Click on My nowledge Base.
  • We can see KB which we have created in the previous step. Just click on it.
    Azure chatbot
  • Click on the PUBLISH menu on top and then click on the Publish button.
  • Click on the Create Bot button then you will be redirected to the Azure portal.
     Publish button
  • Use the same credentials that we have used.
  • All the information will be pre-filled based on the created KB.
  • Just change the pricing tier to FREE and then click on the Create button.
  • Open poc-01-bot once it is created.
    Web app
  • Click on Test in the Web chat.
    Web chat
  • Now we can test BOT.
    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/
  • Log in with your Azure account.
  • Search and select your BOT.
  • Click on the channel from the left panel.
    Left panel
  • Click on web chat
    Web
  • Click on the default site copy the HTML iframe code from the right panel use the secret keys which are provided in the textbox and then replace it with {YOUR_SECRET_HERE}.
     HTML iframe

Thank you all !!


Similar Articles