Skip to content

Commit e95e736

Browse files
author
tariq zafar
committed
remaining review comments
1 parent bb02274 commit e95e736

File tree

1 file changed

+14
-14
lines changed

1 file changed

+14
-14
lines changed

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

Lines changed: 14 additions & 14 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="Create a Web app resource in Azure portal.":::
60+
:::image type="content" source="./media/web-app.png" alt-text="Screenshot of creating 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="Specify Web App Create Options to set.":::
65+
:::image type="content" source="./media/web-app-create-options.png" alt-text="Screenshot of specifying 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="Copy the Web App deployed endpoint of the created Web App.":::
69+
:::image type="content" source="./media/web-app-endpoint.png" alt-text="Diagram that shows how to copy the newly created Web App endpoint.":::
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="Set Bot messaging endpoint with copied Web App Endpoint." lightbox="./media/bot-configure-with-endpoint.png":::
76+
:::image type="content" source="./media/smaller-bot-configure-with-endpoint.png" alt-text="Diagram that shows how to set bot messaging endpoint with the 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 your Web App from Visual Studio.":::
101+
:::image type="content" source="./media/publish-app.png" alt-text="Screenshot of publishing 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 in a new publishing profile.":::
105+
:::image type="content" source="./media/select-azure-as-target.png" alt-text="Diagram that shows how to select Azure as target in a new publishing profile.":::
106106
107-
:::image type="content" source="./media/select-app-service.png" alt-text="Select specific target as Azure App Service.":::
107+
:::image type="content" source="./media/select-app-service.png" alt-text="Diagram that shows how to 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="Set deployment config with the created Web App." lightbox="./media/deployment-config.png":::
111+
:::image type="content" source="./media/smaller-deployment-config.png" alt-text="Screenshot of setting deployment config with the created Web App name." 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="Launch Azure Communication Services Chat channel." lightbox="./media/demoapp-launch-acs-chat.png":::
124+
:::image type="content" source="./media/smaller-demoapp-launch-acs-chat.png" alt-text="Screenshot of launching 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="Connect an Azure Communication Service Resource to this bot." lightbox="./media/bot-connect-acs-chat-channel.png":::
129+
:::image type="content" source="./media/smaller-bot-connect-acs-chat-channel.png" alt-text="Diagram that shows how to 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="Save the selected Azure Communication Service resource." lightbox="./media/bot-choose-resource.png":::
133+
:::image type="content" source="./media/smaller-bot-choose-resource.png" alt-text="Diagram that shows how to save the selected Azure Communication Service resource to create a new Azure Communication Services user ID." 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="New Azure Communication Services user id is assigned to the bot." lightbox="./media/acs-chat-channel-saved.png":::
137+
:::image type="content" source="./media/smaller-acs-chat-channel-saved.png" alt-text="Screenshot of new Azure Communication Services user ID 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 to Azure from Visual Studio.":::
264+
:::image type="content" source="./media/deploy-chat-application.png" alt-text="Screenshot of deploying chat application to Azure from Visual Studio.":::
265265

266266

267267
## More things you can do with a bot
@@ -419,7 +419,7 @@ Event payload comprises all json fields in the message content except name field
419419
- Message activity
420420
- Typing activity
421421

422-
#### Message Activity Fields
422+
#### Message activity fields
423423
- `Text`
424424
- `Attachments`
425425
- `AttachmentLayout`

0 commit comments

Comments
 (0)