BUILT FOR JAVASCRIPT

JavaScript
Chat SDK

Build web messaging with Tencent RTC’s JavaScript Chat SDK. Connect messages, media, and groups to your own browser interface.

DEVELOPER RESOURCES

JavaScript Chat SDK Docs & Examples

Conversations in your workspace

Keep project files and decisions together in a chat experience built for your browser.

A place for your community

Bring members together with group conversations that belong inside your product.

JAVASCRIPT CHAT CAPABILITIES

Messaging foundations for your product

Direct conversations

  • One-to-one messages
  • Your own interface

Group messaging

  • Shared conversations
  • Membership APIs

Rich messages

  • Text and media
  • Custom application content

Conversation state

  • History and unread counts
  • Your application store

User identity

  • Your own user IDs
  • UserSig authentication

App integration

  • JavaScript APIs
  • Platform-specific lifecycle

Explore the JavaScript Chat APIs

Start with the APIs that connect your application.

Connect

Start with your users

Create a Chat instance and connect an authenticated user.

Read the Documentation
chat.js
import TencentCloudChat from '@tencentcloud/lite-chat';

const chat = TencentCloudChat.create({ SDKAppID });
await chat.login({ userID, userSig });

CUSTOMIZATION

Your experience. Your way.

Build your own interface around connected conversations.

Your product, your interface

Build your own conversation list, message bubbles, and composer around SDK events.

Read the Documentation

GET STARTED

Your first conversation starts here

  1. 01

    Create your app

    Set up a Chat application and your test users.

    Open Chat Console
  2. 02

    Add the JavaScript Chat SDK

    Follow the platform guide to connect your project.

    Follow the Integration Guide
  3. 03

    Connect your users

    Sign in two test users and send your first message.

    Connect Your Users
JavaScript Chat SDK
Terminal
npm install @tencentcloud/lite-chat
chat.js
import TencentCloudChat from '@tencentcloud/lite-chat';

const chat = TencentCloudChat.create({ SDKAppID });
await chat.login({ userID, userSig });

JavaScript Chat SDK FAQs

Which JavaScript SDK edition should I use?

The V4 package offers Basic, Standard, and Professional editions. The default import is Standard. Choose the edition and plugins for your required features; V3 integrations have a separate guide.

Does the JavaScript Chat SDK include a ready-made UI?

The SDK supplies messaging APIs and events. Your application builds the chat screens. The illustrations show possible app experiences.

How do I authenticate users of the JavaScript Chat SDK?

Generate production UserSig on your backend. Pass it to the client for authentication and keep your application secret on the server.

Are these JavaScript snippets a complete application?

They show individual integration steps. Follow the full guide for imports, initialization, login, error handling, and target-specific configuration. Test messaging with separate accounts before release.

How is JavaScript Chat SDK usage priced?

Hosted Chat service usage follows your selected plan. Check the included features and allowances for your application; optional plugins and Call services can have separate requirements.

How do I integrate JavaScript Chat SDK with JavaScript?

Initialize the documented JavaScript package with authenticated users. Subscribe to SDK readiness and message events, and remove listeners when the corresponding view ends.

How do I test JavaScript Chat SDK before releasing my app?

Check login, SDK readiness, send and receive events, and message state after reconnecting.

How do I customize the interface for JavaScript Chat SDK?

Build your own conversation list, message rendering and composer around documented SDK events.

Find support for your next step

Talk about your application

Discuss your product, expected usage, and integration needs.

Contact Sales

Build your next conversation

Build your app with the JavaScript Chat SDK.