Drop Down MenusCSS Drop Down MenuPure CSS Dropdown Menu

Sunday, June 11, 2017

Getting Started Chatbot using Azure Bot Service

The Azure Bot Service is powered by the Microsoft Bot Framework and bot service allows developers to build conversational applications that plug into many popular chat applications including Facebook Messenger, Skype and Office 365, etc. In this article, we can be creating and testing a bot by using the Azure Bot Service.

Create new Bot Service:
Logon to the Azure portal with your registered Azure Microsoft account. If you don’t have azure subscription, you can Create a free trial Azure subscription from Azure portal.
In Azure Portal > click on + Add > Select on Data Analytics
Step 1: Select on new Bot service from data analytics menu
Step 2: You can provide following information for create new bot service
  1. unique App name to your bot’s name. The name is used as the subdomain in azure website (eg DevEnvExeBot.azurewebsites.net).
  2. Select the Azure subscription.
  3. Select the resource group or create new user group.
  4. Select the location. And click on Create button
Step 3: After clicking on Create button, wait a few minutes for the Bot Service to be deployed successfully before proceeding. You will get confirmation notification for after success.
Register Bot Application:
You can click on confirmation notification. then, you will get the following screen where you need to create App ID. This is a prerequisite to authenticating your bot with the bot framework.
Step 1: Click on Create Microsoft App ID and Password
Step 2: App ID and password will generate following screen and click on button for go back to Bot framework
Step 3: Select the Programming language and template for developing bot application
Step 4: Now bot application successfully created and running in the cloud, you can edit code from Azure Develop code editor and also you can manage channels, analytics and setting.

Test Bot Application:
You can click on Test button and provide sample input text.

In this article, your learned about create and test a bot by using the Azure Bot Service. If you have any questions/ feedback/ issues, please write in the comment box.

Saturday, June 10, 2017

Getting Started Deploy a bot to Azure using Visual studio 2017


The Bot Framework enables you to build bots that support different types of interactions with users. You can design conversations in your bot to be freeform. Your bot can also have more guided interactions where it provides the user choices or actions. The conversation can use simple text strings or more complex rich cards that contain text, images, and action buttons. And you can add natural language interactions, which let your users interact with your bots in a natural and expressive way.
In this article, we can deploy a bot to azure using visual studio 2017, register app with bot portal and testing it with the Bot Framework Emulator.
Setup and 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/
You need azure account for deploy bot application to azure so If you do not have an Azure account, you can click following url for a free trial azure subscription. https://azure.microsoft.com/en-us/free/
Register Bot Application:
Step 1: Navigate to Bot Framework Portal from https://dev.botframework.com/
Step 2: Click on Sign in button and login with credential
Step 3:  Click on Create a Bot or Skill
Step 4: Click on Create a Bot and click on Register
Step 5: Upload relevant app png icon and max size should be 30k
Step 6: Provide your bot's Display Name.
Step 6: Provide a Description of your bot.
Step 7: Provide your bots Https endpoint in configuration section.
  • We are not yet deployed our bot to the cloud so leave the endpoint blank for now. we will return to the Bot Framework Portal later and specify the endpoint after we have deployed our bot.
Step 8: On the next page, click Generate an app password to continue.
Step 9: Copy and securely store the password that is shown, and then click Ok.
Step 10: Click Finish and go back to Bot Framework.
Step 11: Back in the Bot Framework Portal, the App ID field is now populated.
Click 12: Click on Register to complete the registration process.
Update Web Configuration file:
Open your project in Visual Studio and update the Microsoft App Id and Microsoft App Password values in your web configuration settings to specify the app ID and password values that were generated for your bot during the above registration process.
   <!-- update these with your BotId, Microsoft App Id and your Microsoft App Password-->
   <add key="BotId" value="DevEnvExeBot" />
   <add key="MicrosoftAppId" value="2f3edda3-d36d-4d88-8acf-e448d870348e" />
   <add key="MicrosoftAppPassword" value="L6KOPcc3jqZB6hKPe06yxsH" />
Azure publishing wizard:
Step 1: Right click on Project > Select on Publish and start publish bot application into azure
Step 2: Select on Microsoft Azure App Service > select on Create New and click on Publish button
Step 3: Login with Microsoft azure account and click on create app service

Step 4: Copy the Destination URL value to the clipboard (you'll need this value later to test the connection to the bot)
Update Site Url from Bot Portal:
 Step 1: Sign in to the Bot framework Portal - https://dev.botframework.com/
  Step 2: Click My Bots.
 Step 3: Select the bot that you want to configure and click Settings.
 Step 4: Provide your bot's HTTPS endpoint. This is the endpoint where your bot will receive HTTP POST messages from Bot Connector. If you built your bot by using the Bot Builder SDK, the endpoint should end with /api/messages.
Step 5: Click on Save Changes.
Test Bot Application on Portal:
After publish Bot application into azure, you can test bot application from portal and emulator .
Step 1: Sign in to the Bot framework Portal - https://dev.botframework.com/
Step 2: Click on Test and provide input text

Test Bot Application on Emulator:
  1. Open Bot Emulator and Provide your bot's HTTPS endpoint with  api/messages .
  2. Provide Microsoft App ID and Password and click on Connect  
If you are getting following error, Click on Edit Tunneling (ngrok) setting.
download Tunneling (ngrok.exe) from https://ngrok.com/download and click on browse and associate ngrok.exe path
Click on refresh from Bot emulator and provide your input for test application
You can download the complete source code from MSDN sample. 
In this article, your learned how to Deploy a bot to Azure using Visual studio 2017. If you have any questions/ feedback/ issues, please write in the comment box.

Tuesday, February 7, 2017

Create Azure Active Directory Login

Microsoft Azure Active Directory (Azure AD) to add authentication and authorization to Our web, mobile Application and web APIs. In this article I shown below how to create / implement Azure Active Directory authentication login using xamarin.Forms .
I have seen many article for the process of moving the management experience for all Azure services from the ‘classic’ portal at https://manage.windowsazure.com ,Here I am showing new portal at https://portal.azure.com for Azure AD Application creation and User creation .
Azure Subscription Login

The New Azure Portal is that you don’t need an azure subscription to use it. You and other administrators in your organization can manage your tenant in the new portal without any of you needing to get and manage to an azure subscription. You can directly sign -in as usual with your work or school account

Azure Active Directory Application creation:
I will show below steps for application creation, user creation and permission configuration. While implement mobile application, we need Client ID, tenant, return url so here, I will show how to get all configuration information from following steps.
Step 1: App Registration:
Login to Microsoft Azure Portal https://portal.azure.com and choose Azure Active Directory from the sidebar.
The under Manage Select on App Registration => Click on + Add button
Provide the following details, name for the Application, select the Application Type as Native(Mobile application) or Web app/API, and for Sign-on URL enter your application URL and Click on Create
Step 2: App Required Permissions:
We need to give permission to access application from mobile or web so follow below steps for grand permission. Select on newly created application => Select on Required Permission => Click on Grand permission.

Step 3: Create new user:
Create user for access the application. choose Azure Active Directory from the sidebar => Select Users and groups =>Select All Users=> Click on +Add =>provide the user details as below Name of user, user name (email id).
Step 4: Get Client ID and Redirect Url:
The Client Id is unique identifier for our application. We need client id for implement Azure AD authentication in mobile application so you can follow below steps for get client id. choose Azure Active Directory from the sidebar =>Select App registrations =>Select newly created application => Click on property = > Use Application Id as client ID
Click on Redirect Url under settings =>get redirect url / update redirect url

Step 5: Get Tenant:
We already register our application in a Azure AD tenant. We need tenant ID for implement AD authentication in mobile application. you can follow below steps get tenant id.
choose Azure Active Directory from the sidebar => Select on Properties => use Directory ID as tenant ID

You can implement Active directory login in Web ,Mobile ,Windows application using Client ID ,Redirect Url and Tenant ID ..