Skip to content

Commit bb02274

Browse files
author
tariq zafar
committed
review images
1 parent f469d8a commit bb02274

7 files changed

+13
-13
lines changed
-353 Bytes
Loading
-116 Bytes
Loading
-3.67 KB
Loading
-539 Bytes
Loading
-595 Bytes
Loading
-9.14 KB
Loading

articles/communication-services/quickstarts/chat/quickstart-botframework-integration.md

Lines changed: 13 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -57,23 +57,23 @@ To use Azure Communication Services chat as a channel in Azure Bot Service, the
5757

5858
1. Select `Create a resource` and in the search box, search for web app and select `Web App`.
5959

60-
:::image type="content" source="./media/web-app.png" alt-text="Web app":::
60+
:::image type="content" source="./media/web-app.png" alt-text="Create a Web app resource in Azure portal.":::
6161

6262

6363
2. Configure the options you want to set including the region you want to deploy it to.
6464

65-
:::image type="content" source="./media/web-app-create-options.png" alt-text="Web App Create Options":::
65+
:::image type="content" source="./media/web-app-create-options.png" alt-text="Specify Web App Create Options to set.":::
6666

6767
3. Review your options and create the Web App and once it has been created, copy the hostname URL exposed by the Web App.
6868

69-
:::image type="content" source="./media/web-app-endpoint.png" alt-text="Web App endpoint":::
69+
:::image type="content" source="./media/web-app-endpoint.png" alt-text="Copy the Web App deployed endpoint of the created Web App.":::
7070

7171

7272
### Configure the Azure Bot
7373

7474
Configure the Azure Bot you created with its Web App endpoint where the bot logic is located. To do this configuration, copy the hostname URL of the Web App from previous step and append it with `/api/messages`
7575

76-
:::image type="content" source="./media/smaller-bot-configure-with-endpoint.png" alt-text="Bot Configure with Endpoint" lightbox="./media/bot-configure-with-endpoint.png":::
76+
:::image type="content" source="./media/smaller-bot-configure-with-endpoint.png" alt-text="Set Bot messaging endpoint with copied Web App Endpoint." lightbox="./media/bot-configure-with-endpoint.png":::
7777

7878

7979
### Deploy the Azure Bot
@@ -98,17 +98,17 @@ The final step would be to deploy the Web App we created. The Echo bot functiona
9898
9999
1. Select the project to publish the Web App code to Azure. Choose the publish option in Visual Studio.
100100
101-
:::image type="content" source="./media/publish-app.png" alt-text="Publish app":::
101+
:::image type="content" source="./media/publish-app.png" alt-text="Publish your Web App from Visual Studio.":::
102102
103103
2. Select New to create a new publishing profile, choose Azure as the target, and Azure App Service as the specific target.
104104
105-
:::image type="content" source="./media/select-azure-as-target.png" alt-text="Select Azure as Target":::
105+
:::image type="content" source="./media/select-azure-as-target.png" alt-text="Select Azure as Target in a new publishing profile.":::
106106
107-
:::image type="content" source="./media/select-app-service.png" alt-text="Select App Service":::
107+
:::image type="content" source="./media/select-app-service.png" alt-text="Select specific target as Azure App Service.":::
108108
109109
3. Lastly, the above option opens the deployment config. Choose the Web App we had created from the list of options it comes up with after signing into your Azure account. Once ready select `Finish` to complete the profile, and then select `Publish` to start the deployment.
110110
111-
:::image type="content" source="./media/smaller-deployment-config.png" alt-text="Deployment config" lightbox="./media/deployment-config.png":::
111+
:::image type="content" source="./media/smaller-deployment-config.png" alt-text="Set deployment config with the created Web App." lightbox="./media/deployment-config.png":::
112112
113113
## Step 2 - Get an Azure Communication Services Resource
114114
Now that bot is created and deployed, you will need an Azure Communication Services resource, which you can use to configure the Azure Communication Services channel.
@@ -121,20 +121,20 @@ With the Azure Communication Services resource, you can set up the Azure Communi
121121
122122
1. Go to your Bot Services resource on Azure portal. Navigate to `Channels` configuration on the left pane and select `Azure Communications Services - Chat` channel from the list provided.
123123
124-
:::image type="content" source="./media/smaller-demoapp-launch-acs-chat.png" alt-text="DemoApp Launch Acs Chat" lightbox="./media/demoapp-launch-acs-chat.png":::
124+
:::image type="content" source="./media/smaller-demoapp-launch-acs-chat.png" alt-text="Launch Azure Communication Services Chat channel." lightbox="./media/demoapp-launch-acs-chat.png":::
125125
126126
127127
2. Select the connect button to see a list of ACS resources available under your subscriptions.
128128
129-
:::image type="content" source="./media/smaller-bot-connect-acs-chat-channel.png" alt-text="DemoApp Connect Acs Resource" lightbox="./media/bot-connect-acs-chat-channel.png":::
129+
:::image type="content" source="./media/smaller-bot-connect-acs-chat-channel.png" alt-text="Connect an Azure Communication Service Resource to this bot." lightbox="./media/bot-connect-acs-chat-channel.png":::
130130
131131
3. Once you have selected the required Azure Communication Services resource from the resources dropdown list, press the apply button.
132132
133-
:::image type="content" source="./media/smaller-bot-choose-resource.png" alt-text="DemoApp Save Acs Resource mapping" lightbox="./media/bot-choose-resource.png":::
133+
:::image type="content" source="./media/smaller-bot-choose-resource.png" alt-text="Save the selected Azure Communication Service resource." lightbox="./media/bot-choose-resource.png":::
134134
135135
4. Once the provided resource details are verified, you will see the **bot's Azure Communication Services ID** assigned. With this ID, you can add the bot to the conversation whenever appropriate using Chat's AddParticipant API. Once the bot is added as participant to a chat, it will start receiving chat related activities, and can respond back in the chat thread.
136136
137-
:::image type="content" source="./media/smaller-acs-chat-channel-saved.png" alt-text="DemoApp Bot ACS Details saved" lightbox="./media/acs-chat-channel-saved.png":::
137+
:::image type="content" source="./media/smaller-acs-chat-channel-saved.png" alt-text="New Azure Communication Services user id is assigned to the bot." lightbox="./media/acs-chat-channel-saved.png":::
138138
139139
140140
## Step 4 - Create a chat app and add bot as a participant
@@ -261,7 +261,7 @@ Follow these steps to deploy the chat application:
261261
1. Open the chat project in Visual Studio.
262262
2. Select the ChatQuickstart project and from the right-click menu, select Publish
263263

264-
:::image type="content" source="./media/deploy-chat-application.png" alt-text="Deploy Chat Application":::
264+
:::image type="content" source="./media/deploy-chat-application.png" alt-text="Deploy Chat Application to Azure from Visual Studio.":::
265265

266266

267267
## More things you can do with a bot

0 commit comments

Comments
 (0)