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

Yossi Cahen 60

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 22,401 Reputation points Microsoft Employee

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 60 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 60 Reputation points

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

Is there an example with UI components instead of composite?
ajkuma 22,401 Reputation points Microsoft Employee

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

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

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

ajkuma 22,401 Reputation points Microsoft Employee

2024-03-27T04:44:51.61+00:00

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.
Please sign in to rate this answer.
Yossi Cahen 60 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 22,401 Reputation points Microsoft Employee

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.
Sign in to comment

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

0 additional answers