page_type: sample languages:
This is a sample application to show how we can use the @azure/communication-react
package to build a calling experience.
Learn more about the Azure Communication Services UI Library.
The client-side application is a React based user interface. Alongside this front-end is a NodeJS web application powered by ExpressJS that performs functionality like minting new user tokens for each call participant.
Additional documentation for this sample can be found on Microsoft Docs.
Before contributing to this sample, please read our contribution guidelines.
We appreciate your feedback and energy helping us improve our services. If you've tried the service, please give us feedback through this survey.
Open an instance of PowerShell, Windows Terminal, Command Prompt or equivalent and navigate to the directory that you'd like to clone the sample to.
git clone https://github.com/Azure-Samples/communication-services-web-calling-hero.git
Get the Connection String
from the Azure portal. For more information on connection strings, see Create an Azure Communication Resources
Once you get the Connection String
, add the connection string to the samples/Server/appsetting.json file. Input your connection string in the variable: ResourceConnectionString
.
Install dependencies
npm run setup
Start the calling app
npm run start
This will open a client server on port 3000 that serves the website files, and an api server on port 8080 that performs functionality like minting tokens for call participants.
The app shows an "Unsupported browser" screen but I am on a supported browser.
If your app is being served over a hostname other then localhost, you must serve traffic over https and not http.
npm run setup
npm run build
npm run package
Calling/dist
directory to your app service@azure/communication-react
package offers.