Search

Drop Down MenusCSS Drop Down MenuPure CSS Dropdown Menu

Sunday, June 11, 2017

Xamarin Forms ChatBot Application using the Microsoft Bot Framework


Introduction:
The Bots Framework that run inside skype ,web chat , Facebook ,Message ,etc. Users can interact with bots by sending them messages, commands and inline requests. You control your bots using HTTPS requests to our bot API.
In this article, how you can integrate a bot right into your Xamarin.Forms application via the Microsoft Bot Framework Web bots.












Create new bot Application:
You can read my previous article for Getting Started with Bots Using Visual Studio 2017 from following URL http://www.c-sharpcorner.com/article/getting-started-with-bots-using-visual-studio-2017/
Bot Application
Publish Bot Application to Azure:
You can read my previous articles for publish bot application to azure from following URL http://www.c-sharpcorner.com/article/getting-started-deploy-a-bot-to-azure-using-visual-studio-2017/
Generate Web Chat Code:
After publish you bots into azure, you can generate web Chat html code from bots portal as per below
Step 1
Sign in to the Bot framework Portal - https://dev.botframework.com/
Step 2
Click My Bots
Step 3
Select your bot that you want to generate code
Step 4:
Click on Get bot embed Codes > Click on Web Chat icon > Click on (Click here to open Web Chat configuration page)
Step 5:
It will navigate to new web page for configuration and click on + Add New Site > Provide site or application name > Click on Done
Step 6:
You can copy your secret keys and embed code for integrate to xamarin forms application
Create new Xamarin .Forms Application :
Go to Run (Windows key +R) > type Devenv.exe or select from Windows Application list and select New project from File menu > New Project (ctrl +Shift+N) or click More project template from VS Start screen.
New Project >select Cross -Platform from Template > Cross platform App(Xamarin.Forms or native). It will show the screen, as shown below.
You can find above screen only on VS 2017. Select Blank apps > select Xamarin.Forms  > Select PCL and click on Ok .it will generate all the mobile platform project with PC
Open your MainPage.xaml file add webview control with following code for web chat enable
  1.   <StackLayout WidthRequest="300" HeightRequest="500" >
  2.        <Image Source="profile.png" WidthRequest="200" HeightRequest="200"></Image>
  3.        <Label Text="Live Chat with Suthahar via C Sharp corner" FontSize="20" ></Label>
  4.        <WebView x:Name="webview" Source="https://webchat.botframework.com/embed/DevEnvExeBot?s=8XGcUROXkAA.cwA.pZo.8pJ-6oQ3sJRpxq0tqIo9uLPji4oxBQuz2pW5qWobw2c"
  5.                 WidthRequest="300" HeightRequest=" 300"></WebView>
  6.    </StackLayout>
Now you can run the application in windows ,Android and iOS
 Download
You can download the complete source code from MSDN sample. 
Summary
In this article, your learned how to create a Bot application, publish Bot to Azure and bot implementation to Xamarin Forms using Visual Studio 2017. If you have any questions/ feedback/ issues, please write in the comment box.




19 comments:

  1. We have to thank and share such a nice blog post and interesting information. It is helpful for develop my knowledge, people always searching for this type of posts.
    Chatbot Developers in Dubai
    Facebook Chatbot in Dubai
    AI Chatbot in Dubai
    Artificial intelligence Company in Dubai

    ReplyDelete
  2. I was looking at some of your posts on this website and I conceive this web site is really instructive! Keep putting up.. chatbot website

    ReplyDelete
  3. Informative and interesting Blog! Beautifully written, as usual, I like the post. Thank you so much for nice sharing with us. Keep posting! Chatbot Development for Business

    ReplyDelete
  4. This comment has been removed by the author.

    ReplyDelete

  5. Hey,
    This is really very helpful information.
    Thanks for sharing!!
    Hire Xamarin Developer

    ReplyDelete
  6. This is very easy to find the software company by google search

    But i can recommend you the company who provide EASY VAT (POS) Software

    Complete #software solution for your #business in #Dubai. CMS, E commerce Software.Best Accounting Software in Dubai

    ReplyDelete
  7. They’re really convincing and will definitely work. Still, the posts are too brief for newbies. May you please extend them a little from subsequent time?Also, I’ve shared your website in my social networks.
    Chatbot Company in Dubai
    Chatbot Companies in Dubai
    Chatbot Development
    AI Chatbot Development
    Chatbot Companies in UAE
    Chatbot Company in Chennai
    Chatbot Company in Mumbai
    Chatbot Company in Delhi
    Chatbot Development Companies

    ReplyDelete
  8. I really liked your Information. Keep up the good work. Wordpress Slack Integration

    ReplyDelete
  9. Thank you so much for sharing. Keep updating your blog. It will very useful to the many users
    Weblife Infotech

    ReplyDelete
  10. This is such a great resource that you are providing and you give it away for free. This is really a nice and informative, containing all information and also has a great impact on the new technology. Really, great blog you have got here.

    Herbie banking chatbot dubai is advanced chatbot that beats other AI conversational banking chatbot out of competition. Banking chatbot is great way for banks to handle their customer transactions and queries.

    ReplyDelete
  11. largest companies by market cap. Buy an undervalued stock and short an overvalued stock and With that in mind also here’s the latest in my weekly investing series designed to do just that and We’ll talk one thematic long/short trading idea every week also The theme for this week is the best autonomous driving stocks to buy and sell. google market cap

    ReplyDelete
  12. The major titles in the Assassin's Creed video game series have gotten generally favourable reviews for their ambition in graphics, game design, and storylines, however the yearly release cycle and many problems have been criticised. The spin-off games were met with varied reactions.
    assassins creed odyssey crack
    hitfilm pro crack
    magix acid pro crack
    tenorshare ultdata crack
    anytrans crack


    red giant universe crack
    goldwave crack
    ableton live crack
    coreldraw graphics suite crack

    ReplyDelete
  13. It is a very informative and useful post thanks it is good material to read this post increases my knowledge. Body Code Practitioners

    ReplyDelete
  14. Devenvexe.Com/Xamarin: Xamarin Forms Chatbot Application Using The Microsoft Bot Framework >>>>> Download Now

    >>>>> Download Full

    Devenvexe.Com/Xamarin: Xamarin Forms Chatbot Application Using The Microsoft Bot Framework >>>>> Download LINK

    >>>>> Download Now

    Devenvexe.Com/Xamarin: Xamarin Forms Chatbot Application Using The Microsoft Bot Framework >>>>> Download Full

    >>>>> Download LINK

    ReplyDelete
  15. Devenvexe.Com/Xamarin: Xamarin Forms Chatbot Application Using The Microsoft Bot Framework >>>>> Download Now

    >>>>> Download Full

    Devenvexe.Com/Xamarin: Xamarin Forms Chatbot Application Using The Microsoft Bot Framework >>>>> Download LINK

    >>>>> Download Now

    Devenvexe.Com/Xamarin: Xamarin Forms Chatbot Application Using The Microsoft Bot Framework >>>>> Download Full

    >>>>> Download LINK H2

    ReplyDelete
  16. Your posts were exciting to read. For me, this was a really enjoyable reading.
    e commerce ai

    ReplyDelete
  17. ددكتور سمنة ونحافة في مصر يعتبر طبيب السمنة والنحافة في مصر مشكلة كبيرة في الوقت الحاضر وخاصة بين النساء. صنفت منظمة الصحة العالمية السمنة على أنها وباء عالمي. السمنة هي الآن السبب الرئيسي الثاني للوفاة التي يمكن الوقاية منها في جميع أنحاء العالم، بعد التدخين. في مصر، حوالي 30٪ من النساء مصابات بالسمنة، و 27٪ من الرجال يعانون من زيادة الوزن.

    ReplyDelete