You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: articles/communication-services/quickstarts/chat/quickstart-botframework-integration.md
+14-14Lines changed: 14 additions & 14 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -57,23 +57,23 @@ To use Azure Communication Services chat as a channel in Azure Bot Service, the
57
57
58
58
1. Select `Create a resource` and in the search box, search for web app and select `Web App`.
59
59
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.":::
61
61
62
62
63
63
2. Configure the options you want to set including the region you want to deploy it to.
64
64
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.":::
66
66
67
67
3. Review your options and create the Web App and once it has been created, copy the hostname URL exposed by the Web App.
68
68
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.":::
70
70
71
71
72
72
### Configure the Azure Bot
73
73
74
74
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`
75
75
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":::
77
77
78
78
79
79
### Deploy the Azure Bot
@@ -98,17 +98,17 @@ The final step would be to deploy the Web App we created. The Echo bot functiona
98
98
99
99
1. Select the project to publish the Web App code to Azure. Choose the publish option in Visual Studio.
100
100
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.":::
102
102
103
103
2. Select New to create a new publishing profile, choose Azure as the target, and Azure App Service as the specific target.
104
104
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.":::
106
106
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.":::
108
108
109
109
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.
110
110
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":::
112
112
113
113
## Step 2 - Get an Azure Communication Services Resource
114
114
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
121
121
122
122
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.
123
123
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":::
125
125
126
126
127
127
2. Select the connect button to see a list of ACS resources available under your subscriptions.
128
128
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":::
130
130
131
131
3. Once you have selected the required Azure Communication Services resource from the resources dropdown list, press the apply button.
132
132
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":::
134
134
135
135
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.
136
136
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":::
138
138
139
139
140
140
## Step 4 - Create a chat app and add bot as a participant
@@ -261,7 +261,7 @@ Follow these steps to deploy the chat application:
261
261
1. Open the chat project in Visual Studio.
262
262
2. Select the ChatQuickstart project and from the right-click menu, select Publish
263
263
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.":::
265
265
266
266
267
267
## 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
0 commit comments