Create and integrate QnA Maker chat bot with MS Azure & Asp.Net

-
Recently everyone is trying to add bot framework with their existing web site.If you want to add a Qna maker immediately with your FaQ page then MS Azure QnA maker is a good option as we can create bot with in 30 mins.Lets see how?

Prerequisite:

1.Ms Azure Valid subscription.
2.Knowledge in Asp.Net 
3.Predefined questions and answer sets in Excel form or any web sites FAQ page.

As we said QnAMaker is a very simple way to create bot with predefined question and answer set.

Steps to Create:

1.Got to QnAmaker.ai site by microsoft.
2.Sign in to the page.
3.Create QnA maker Service.It will redirect you to azure portal you signed in.If you don't have yet please create one and ensure you have enough credits in it.please see below.


4.Now you can access this QnA services in the QnAmaker.ai site.see below.



5.Now you need to populate knowledge base.Here I have added the FaQ page of a Website.


You can add multiple URLs if you want or as I mentioned you can upload the Excel sheets also.

6.Now we just save it.You can see the derived questions and answers in the next page.



in the above page you can add your own custom questions and answers also.

7.Now here we go Save test and Train the Bot.And publish it.


Once published you will get the Published URL here.


Now Your bot is ready You can use this API with any UI bot framework.If you want to connect to different channels like Cortana, Facebook Messenger, Telegram, Skype, you can create a function bot in azure and connect to this bot.

Lets see how to create it.

1.Go to azure portal and create the function bot like below.


And in the application settings you can set the bots base URL, QnAAuthKey, QnAKnowledgebaseId.



You can Get this from the URL you got once you created the QnA maker.
3.Go to channels and get the code or connect to you r channels.For now I have generated the code by get code option in the channels.like below,


 Keep this IFrame in your Existing Application. 

See the output:

You can get the code :

 Git hub URL
Pretty easy ! simple !!

Comments

Post a Comment

Popular posts from this blog

Telerik c# MVC Grid customizing Paging with Custom sql query + Dapper

-
Image
Telerik Mvc Web framework has an option to customize the paging of the grid.In most of the cases we are leaned towards to use its default option of paging/filtering.But It actually take all the data and filter or page or sort on top the all content from the back end ,this is the performance breach . Here I am trying to describe the ways we can customize the Telerik    Mvc Paging without taking the bulk data. There are 3 steps to do. 1.Make the telerik grid settings for the customization 2.Get the total count of data in the initial request. 3.Apply custom filter queries to filter from the back end. 1 .Make the Telerik grid settings for the customization Here is  a sample code to set up the grid with custom paging : Here please note the Total we set after the ajax option.This value we need to get from the controller using Viewbag or any other data transfer methods to let the grid know the total. .EnableCustomBinding true. Set the data read option ...
Read more

Configure Facebook Webhook[WebSub protocol]

-
Image
Facebook added  a product called Webhooks for subscribe to the changes and receive updates in real time without calling the API.This blog is about how to configure the webhook product in Facebook and integrate it in the ASP.net Application. Webhooks are basically works with the protocol named as  WebSub   , which contains three main components  Publisher. Subscriber. Hub. In the case of facebook webhook,the user who wants to get notification while new post comes in page is the subscriber.Publishing and hub part will handle by Facebook itself. Configure the end point in Asp.net Web API Create the asp.net application . Create get/post end points for Facebook like below: Here,get end point will get called once you subscribe to the Facebook webhook with hub.challenge token.You should echo back with the same for verification purpose.Post is the end point you are exposing to get notified on updates. You can get the complete cod...
Read more

SendGrid Integration with c#

-
Image
SendGrid is one of the way to send mail through the application which gives the statics on the emails send through the email server.There are two ways to configure mail client through the send grid. 1.STMP server 2.Through the API Send grid Event notification will give the notifications on the email activity happened like bounces,clicks,opens etc to get the potential reach of the email send via send grid which is a very cool option if you are working with some marketing related application.Let's see how to do this. Configure SendGrid 1.Set up an account with send grid. 2.In the start up guide you can configure the SMTP server or the API. 3.Select the WEB API  option and generate Api key and keep the API key with you. 4.To set up SMTP,choose the option and create new key for the SMTP server like below. Note down the username,generated key,Server name,Port also. Now we are done with send grid set up. Integrate in C# Code 1.Create a asp.net web api a...
Read more