Skip to content

JavaScript SDK Tutorial

This tutorial provides a step-by-step guide to building communication features with Azure Communication Services (ACS) for JavaScript.

What You'll Build

By the end of this tutorial, you'll have a JavaScript application capable of: - Managing user identities and access tokens. - Sending SMS and email notifications. - Creating real-time chat threads. - Building browser-based video calling experiences. - Monitoring ACS operations.

Prerequisites

Tutorial Learning Path

The following path guides you through setting up and using ACS features.

graph TD
    Step1[1. Local Setup] --> Step2[2. Send SMS]
    Step2 --> Step3[3. Send Email]
    Step3 --> Step4[4. Real-time Chat]
    Step4 --> Step5[5. Video Calling]
    Step5 --> Step6[6. Monitoring]
    Step6 --> Step7[7. Infrastructure as Code]

Tutorial Steps

Step Topic Description
01 Local Setup Install SDKs, configure environment variables, and verify with identity token creation.
02 Send SMS Use the SmsClient to send messages and handle delivery reports.
03 Send Email Configure an EmailClient to send simple and HTML-formatted emails.
04 Real-time Chat Build a chat system with threads, participants, and real-time messaging.
05 Video Calling Build a browser-based video calling experience with media streams and UI components.
06 Monitoring Configure logging and use KQL queries to monitor your ACS resource.
07 Infrastructure as Code Deploy ACS resources using Bicep templates and Python scripts.

Sources