How to write a React application that connect to a teams meeting as a teams user?

Question

How to write a React application that connect to a teams meeting as a teams user?

Yossi Cahen 80

Hello!
I need to write a React application, that log in a Microsoft Teams user, then join the user to a Teams meeting as a Teams user (for calls and chat). I know to join him as a guest, but how to get the communication services credentials to be authenticated as a Teams user?

I will appreciate your help!

Deleted

This comment has been deleted due to a violation of our Code of Conduct. The comment was manually reported or identified through automated detection before action was taken. Please refer to our Code of Conduct for more information.
ajkuma 28,036 Reputation points Microsoft Employee Moderator

2024-03-22T18:28:10.7833333+00:00

Since you have posted the question on Azure Communication Service (ACS), to better assistance you on this, are you leveraging on ACS Teams interoperability, kindly provide more details about your ask.
Yossi Cahen 80 Reputation points

2024-03-25T14:40:25.7633333+00:00

Yes, it's related to https://learn.microsoft.com/azure/communication-services/concepts/teams-interop. But where can I find a tutorial or a sample app to create a React app that includes a Microsoft login process, then can join the Teams logged in user to a given Teams meeting?
Yossi Cahen 80 Reputation points

2024-03-28T12:57:33.1533333+00:00

Is there an example with UI components instead of composite?
ajkuma 28,036 Reputation points Microsoft Employee Moderator

2024-03-28T14:32:08.86+00:00

Thanks for the follow-up. I have relayed the feedback to our content team.
ajkuma 28,036 Reputation points Microsoft Employee Moderator

2024-04-02T13:31:43.6166667+00:00

@Yossi Cahen , Please check this doc, Composites / CallComposite / Join Existing Call As Teams User - Join Existing Call As Teams User ⋅ Storybook (azure.github.io) - This describes how to join call as Teams user.

Accepted answer

0 additional answers

Your answer

Deleted

This comment has been deleted due to a violation of our Code of Conduct. The comment was manually reported or identified through automated detection before action was taken. Please refer to our Code of Conduct for more information.
ajkuma 28,036 Reputation points Microsoft Employee Moderator

2024-03-22T18:28:10.7833333+00:00

Since you have posted the question on Azure Communication Service (ACS), to better assistance you on this, are you leveraging on ACS Teams interoperability, kindly provide more details about your ask.
Yossi Cahen 80 Reputation points

2024-03-25T14:40:25.7633333+00:00

Yes, it's related to https://learn.microsoft.com/azure/communication-services/concepts/teams-interop. But where can I find a tutorial or a sample app to create a React app that includes a Microsoft login process, then can join the Teams logged in user to a given Teams meeting?
Yossi Cahen 80 Reputation points

2024-03-28T12:57:33.1533333+00:00

Is there an example with UI components instead of composite?
ajkuma 28,036 Reputation points Microsoft Employee Moderator

2024-03-28T14:32:08.86+00:00

Thanks for the follow-up. I have relayed the feedback to our content team.
ajkuma 28,036 Reputation points Microsoft Employee Moderator

2024-04-02T13:31:43.6166667+00:00

@Yossi Cahen , Please check this doc, Composites / CallComposite / Join Existing Call As Teams User - Join Existing Call As Teams User ⋅ Storybook (azure.github.io) - This describes how to join call as Teams user.

Answer 1

ajkuma 28,036 Microsoft Employee Moderator

updated: converted to answer.

Please check this doc, Composites / CallComposite / Join Existing Call As Teams User - Join Existing Call As Teams User ⋅ Storybook (azure.github.io) - This describes how to join call as Teams user.

+
https://github.com/Azure-Samples/communication-services-authentication-hero-nodejs

Also, kindly take a look at the samples below and you may need to customize based on your requirements.

Audio/Video Calling from a Custom App into a Teams Meeting: This tutorial on Microsoft Learn guides on how to use ACS in a custom React application to allow a user to make an audio/video call into a Microsoft Teams meeting

Other related samples:

UI Library Sample - File Sharing using UI Chat Composite

UI Library Sample - Creating a Call Readiness Experience

Added additional Teams’ tags to receives insights from the targetted audience/SMEs.

--
If the answer helped (pointed you in the right direction) > please click Accept Answer - it will benefit community members to find the answers quickly.

Yossi Cahen 80 Reputation points

2024-04-04T09:40:44.6166667+00:00

The link is broken, please fix it to: https://azure.github.io/communication-ui-library/?path=/docs/communicationasteamsuser--page

Also you can add: https://github.com/Azure-Samples/communication-services-authentication-hero-nodejs
ajkuma 28,036 Reputation points Microsoft Employee Moderator

2024-04-04T14:24:19.2633333+00:00

Thanks for the follow-up. Apologies for the broken link, I have fixed the URL.
Much appreciate your feedback.

Share via

How to write a React application that connect to a teams meeting as a teams user?

0 additional answers

Your answer