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
title: Quickstart - Send chat message in Power Automate with Azure Communication Services
2
+
title: Send a chat message in Power Automate
3
3
titleSuffix: An Azure Communication Services quickstart
4
4
description: In this quickstart, learn how to send a chat message in Azure Logic Apps workflows by using the Azure Communication Services Chat connector.
# Quickstart: Send chat message in Power Automate with Azure Communication Services
15
+
# Quickstart: Send a chat message in Power Automate
16
16
17
-
You can create automated workflows that can send chat messages using the Azure Communication Services Chat connector. This quickstart will show how to create a chat, add a participant, send a message and list messages into an existing workflow.
17
+
You can create automated workflows that send chat messages by using the Azure Communication Services Chat connector. This quickstart shows you how to create a chat, add a participant, send a message, and list messages in an existing workflow.
18
18
19
19
## Prerequisites
20
20
21
21
- An Azure account with an active subscription, or [create an Azure account for free](https://azure.microsoft.com/free/?WT.mc_id=A261C142F).
22
22
23
23
- An active Azure Communication Services resource, or [create a Communication Services resource](../create-communication-resource.md).
24
24
25
-
- An active Logic Apps resource (logic app), or [create a blank logic app but with the trigger that you want to use](../../../logic-apps/quickstart-create-first-logic-app-workflow.md). Currently, the Azure Communication Services Chat connector provides only actions, so your logic app requires a trigger, at minimum.
26
-
25
+
- An active Azure Logic Apps resource, or [create a blank logic app with the trigger that you want to use](../../../logic-apps/quickstart-create-first-logic-app-workflow.md). Currently, the Communication Services Chat connector provides only actions, so your logic app requires a trigger, at minimum.
27
26
28
27
## Create user
29
28
30
-
Add a new step in your workflow by using the Azure Communication Services Identity connector, follow these steps in Power Automate with your Power Automate flow open in edit mode.
31
-
32
-
1. On the designer, under the step where you want to add the new action, select New step. Alternatively, to add the new action between steps, move your pointer over the arrow between those steps, select the plus sign (+), and select Add an action.
29
+
Complete these steps in Power Automate with your Power Automate flow open in edit mode.
33
30
34
-
1. In the Choose an operation search box, enter Communication Services Identity. From the actions list, select Create a user.
31
+
To add a new step in your workflow by using the Communication Services Identity connector:
35
32
36
-
:::image type="content" source="./media/logic-app/azure-communications-services-connector-create-user.png" alt-text="Screenshot that shows the Azure Communication Services Identity connector Create user action.":::
33
+
1. In the designer, under the step where you want to add the new action, select **New step**. Alternatively, to add the new action between steps, move your pointer over the arrow between those steps, select the plus sign (+), and then select **Add an action**.
37
34
38
-
1.Provide the Connection String. This can be found in [Microsoft Azure](https://portal.azure.com/), within your Azure Communication Service Resource, on the Keys option from the left menu > Connection String
35
+
1.In the **Choose an operation** search box, enter **Communication Services Identity**. In the list of actions list, select **Create a user**.
39
36
40
-
:::image type="content" source="./media/logic-app/azure-portal-connection-string.png" alt-text="Screenshot that shows the Keys page within an Azure Communication Services Resource." lightbox="./media/logic-app/azure-portal-connection-string.png":::
37
+
:::image type="content" source="./media/logic-app/azure-communications-services-connector-create-user.png" alt-text="Screenshot that shows the Azure Communication Services Identity connector Create user action.":::
41
38
42
-
1.Provide a Connection Name
39
+
1.Enter the connection string. To get the connection string URL in the [Azure portal](https://portal.azure.com/), go to the Azure Communication Services resource. In the resource menu, select **Keys**, and then select **Connection string**. Select the copy icon to copy the connection string.
43
40
44
-
1. Click “Show advanced options” and select the Token Scope the action will also output an access token and its expiration time with the specified scope.
41
+
:::image type="content" source="./media/logic-app/azure-portal-connection-string.png" alt-text="Screenshot that shows the Keys pane for an Azure Communication Services resource." lightbox="./media/logic-app/azure-portal-connection-string.png":::
45
42
46
-
This action will output a User ID, which is a Communication Services user identity.
47
-
Additionally, if you click “Show advanced options” and select the Token Scope the action will also output an access token and its expiration time with the specified scope.
43
+
1. Enter a name for the connection.
48
44
45
+
1. Select **Show advanced options**, and then select the token scope. The action generates an access token and its expiration time with the specified scope. This action also generates a user ID that's a Communication Services user identity.
46
+
49
47
:::image type="content" source="./media/logic-app/azure-communications-services-connector-create-user-action.png" alt-text="Screenshot that shows the Azure Communication Services Identity connector Create user action options.":::
50
48
51
-
1. Select “chat”
49
+
1. In **Token Scopes Item**, select **chat**.
52
50
53
51
:::image type="content" source="./media/logic-app/azure-communications-services-connector-create-user-action-advanced.png" alt-text="Screenshot that shows the Azure Communication Services Chat connector advanced options.":::
54
52
55
-
1. Click Create. This will output the User ID and an Access Token.
53
+
1. Select **Create**. The user ID and an access token are shown.
56
54
57
55
## Create a chat thread
58
56
59
-
1.Add a new action
57
+
1.Add a new action.
60
58
61
-
1.In the Choose an operation search box, enter Communication Services Chat. From the actions list, select Create chat thread.
59
+
1.In the **Choose an operation** search box, enter **Communication Services Chat**. In the list of actions, select **Create chat thread**.
62
60
63
61
:::image type="content" source="./media/logic-app/azure-communications-services-connector-create-chat-thread.png" alt-text="Screenshot that shows the Azure Communication Services Chat connector Create a chat thread action.":::
64
-
65
-
1. Provide the Azure Communication Services endpoint URL. This can be found in [Microsoft Azure](https://portal.azure.com/), within your Azure Communication Service Resource, on the Keys option from the left menu > Endpoint.
66
62
67
-
1. Provide a Connection Name
63
+
1. Enter the Communication Services endpoint URL. To get the endpoint URL in the [Azure portal](https://portal.azure.com/), go to the Azure Communication Services resource. In the resource menu, select **Keys**, and then select **Endpoint**.
64
+
65
+
1. Enter a name for the connection.
66
+
67
+
1. Select the access token that was generated in the preceding section, and then add a chat thread topic description. Add the created user and enter a name for the participant.
68
68
69
-
1. Select the Access Token from the previous step, add a Chat thread topic description. Additionally, add the created user and add a Name for the participant.
69
+
:::image type="content" source="./media/logic-app/azure-communications-services-connector-create-chat-thread-input.png" alt-text="Screenshot that shows the Azure Communication Services Chat connector Create chat thread action dialog.":::
70
70
71
-
:::image type="content" source="./media/logic-app/azure-communications-services-connector-create-chat-thread-input.png" alt-text="Screenshot that shows the Azure Communication Services Chat connector Create chat thread action input fields.":::
72
-
73
71
## Send a message
74
72
75
-
1.Add a new action
73
+
1.Add a new action.
76
74
77
-
1.In the Choose an operation search box, enter Communication Services Chat. From the actions list, select Send a Chat message to chat thread.
75
+
1.In the **Choose an operation** search box, enter **Communication Services Chat**. In the list of actions, select **Send message to chat thread**.
78
76
79
77
:::image type="content" source="./media/logic-app/azure-communications-services-connector-send-chat-message.png" alt-text="Screenshot that shows the Azure Communication Services Chat connector Send chat message action.":::
80
-
81
-
1. Provide the Access Token, Thread ID, Content, and Name information as shown below.
82
-
83
-
:::image type="content" source="./media/logic-app/azure-communications-services-connector-send-chat-message-input.png" alt-text="Screenshot that shows the Azure Communication Services Chat connector Send chat message action input fields.":::
78
+
79
+
1. Enter the access token, thread ID, content, and name.
80
+
81
+
:::image type="content" source="./media/logic-app/azure-communications-services-connector-send-chat-message-input.png" alt-text="Screenshot that shows the Azure Communication Services Chat connector Send chat message action dialog.":::
84
82
85
83
## List chat thread messages
86
84
87
-
To verify you have correctly sent a message, we will add one more action to list the chat thread messages.
88
-
1. Add a new action
85
+
To verify that you sent a message correctly:
86
+
87
+
1. Add a new action.
89
88
90
-
1.In the Choose an operation search box, enter Communication Services Chat. From the actions list, select List chat thread messages.
89
+
1.In the **Choose an operation** search box, enter **Communication Services Chat**. In the list of actions, select **List chat thread messages**.
91
90
92
91
:::image type="content" source="./media/logic-app/azure-communications-services-connector-list-chat-messages.png" alt-text="Screenshot that shows the Azure Communication Services Chat connector List chat messages action.":::
93
-
94
-
1. Provide the Access token and Thread ID as follows
95
-
96
-
:::image type="content" source="./media/logic-app/azure-communications-services-connector-list-chat-messages-input.png" alt-text="Screenshot that shows the Azure Communication Services Chat connector Send chat message action input.":::
92
+
93
+
1. Enter the access token and thread ID.
94
+
95
+
:::image type="content" source="./media/logic-app/azure-communications-services-connector-list-chat-messages-input.png" alt-text="Screenshot that shows the Azure Communication Services Chat connector List chat messages action dialog.":::
97
96
98
97
## Test your logic app
99
98
100
-
To manually start your workflow, on the designer toolbar, select **Run**. The workflow should create a user, issue an access token for that user, then remove it and delete the user. For more information, review [how to run your workflow](../../../logic-apps/quickstart-create-first-logic-app-workflow.md#run-workflow).
99
+
To manually start your workflow, on the designer toolbar, select **Run**. The workflow creates a user, issues an access token for that user, and then removes the token and deletes the user. For more information, review [How to run your workflow](../../../logic-apps/quickstart-create-first-logic-app-workflow.md#run-workflow).
101
100
102
-
Now click on the List chat thread messages and check the output, the message sent will be in the action outputs.
101
+
Now, select **List chat thread messages**. In the action outputs, check for the message that was sent.
103
102
104
-
:::image type="content" source="./media/logic-app/azure-communications-services-connector-list-chat-messages-output.png" alt-text="Screenshot that shows the Azure Communication Services Chat connector Send chat message action output.":::
103
+
:::image type="content" source="./media/logic-app/azure-communications-services-connector-list-chat-messages-output.png" alt-text="Screenshot that shows the Azure Communication Services Chat connector Send chat message action results.":::
105
104
106
105
## Clean up resources
107
106
108
-
To remove a Communication Services subscription, delete the Communication Services resource or resource group. Deleting the resource group also deletes any other resources in that group. For more information, review [how to clean up Communication Services resources](../create-communication-resource.md#clean-up-resources).
107
+
To remove a Communication Services subscription, delete the Communication Services resource or resource group. Deleting the resource group also deletes any other resources in that group. For more information, review [How to clean up Communication Services resources](../create-communication-resource.md#clean-up-resources).
109
108
110
109
To clean up your logic app workflow and related resources, review [how to clean up Logic Apps resources](../../../logic-apps/quickstart-create-first-logic-app-workflow.md#clean-up-resources).
111
110
112
111
## Next steps
113
112
114
-
In this quickstart, you learned how to create a user, create a chat thread and send a message using the Azure Communication Services Identity and Azure Communication Services Chat connectors. To learn more check the [Azure Communication Services Chat Connector](/connectors/acschat/) documentation.
115
-
116
-
To learn more about access tokens check [Create and Manage Azure Communication Services users and access tokens](../chat/logic-app.md).
113
+
In this quickstart, you learned how to create a user, create a chat thread, and send a message by using the Communication Services Identity and Communication Services Chat connectors. To learn more, review [Communication Services Chat connector](/connectors/acschat/).
117
114
118
-
To learn more about how to send an email check [Send email message in Power Automate with Azure Communication Services](../email/logic-app.md).
115
+
Learn how to [create and manage Communication Services users and access tokens](../chat/logic-app.md).
119
116
117
+
Learn how to [send an email message in Power Automate by using Communication Services](../email/logic-app.md).
titleSuffix: An Azure Communication Services quickstart
4
-
description: In this quickstart, you'll learn how to use the Azure Communication Chat SDK with React Native
5
-
author: askaur
4
+
description: Learn how to use the Azure Communication Services Chat SDK with React Native.
5
+
author: ashwinder
6
6
ms.author: askaur
7
7
ms.date: 11/30/2021
8
8
ms.topic: quickstart
9
9
ms.service: azure-communication-services
10
10
ms.custom: mode-other
11
11
---
12
12
13
-
# Quickstart: Using Chat SDK with React Native
13
+
# Quickstart: Use the Chat SDK with React Native
14
14
15
-
In this quickstart, we'll set up the Chat JavaScript SDK with React Native. This is supported for Azure Communication JavaScript Chat SDK v1.1.1 and later.
15
+
In this quickstart, you set up the packages in the Azure Communication Services Chat JavaScript SDK to support chat in your React Native app. The steps described in the quickstart are supported for Azure Communication Services JavaScript Chat SDK 1.1.1 and later.
16
16
17
-
## Setting up with React Native
17
+
## Set up the chat packages to work with React Native
18
18
19
-
The following steps will be required to run Azure Communication JavaScript Chat SDK with React Native after [initializing your React Native project](https://reactnative.dev/docs/environment-setup#installing-dependencies).
19
+
Currently, Communication Services chat packages are available as Node packages. Because not all Node modules are compatible with React Native, the modules require a React Native port to work.
20
20
21
-
ACS chat packages currently available are Node packages. Since not all Node modules are compatible with React Native, they require a React Native port in order to work. To make @azure/communication-chat work with React Native, you will need to install the below mentioned packages that contain React Native ports of the Node core required in @azure/communication-chat.
21
+
After you [initialize your React Native project](https://reactnative.dev/docs/environment-setup#installing-dependencies), complete the following steps to make `@azure/communication-chat` work with React Native. The steps install the packages that contain React Native ports of the Node Core modules that are required in `@azure/communication-chat`.
0 commit comments