Integration Guides

Step-by-step guides for common CometChat integration scenarios

Quick Reference for AI Agents & Developers

Choose your integration path:

• Chat Only → guide-chat-only - Text, media, groups
• Calls Only → guide-calls-only - Standalone video/audio
• Chat + Calls → guide-chat-calls - Full communication suite
• Moderation → guide-moderation - Content filtering
• Notifications → guide-notifications - Push alerts

These guides provide complete, step-by-step instructions for integrating CometChat into your application. Each guide is designed to be followed from start to finish, with copy-paste ready code examples.

---

Choose Your Integration Path

Chat Only

Best for: Messaging apps, customer support, social features

Includes:

• Text and media messages
• Typing indicators
• Read receipts
• Group conversations

Calls Only

Best for: Video conferencing, telehealth, virtual meetings

Includes:

• Voice and video calls
• Screen sharing
• No Chat SDK required
• Standalone implementation

Chat + Calls

Best for: Full communication apps, team collaboration

Includes:

• All chat features
• Integrated calling
• Call signaling via chat
• Complete solution

Moderation

Best for: Community apps, marketplaces, social platforms

Includes:

• AI content moderation
• User flagging
• Profanity filtering
• Image/video scanning

---

Add-On Features

Push Notifications

Alert users of messages and calls when app is in background

AI Agents

Integrate AI-powered chatbots and assistants

---

Quick Decision Guide

I want to…	Use this guide
Add chat to my app	Chat Only
Add video calls without chat	Calls Only
Build a full communication app	Chat + Calls
Filter inappropriate content	Moderation
Send push notifications	Notifications

---

Integration Checklist

Use this checklist to track your integration progress:

Basic Setup

• Create CometChat account and app
• Get App ID, Region, and Auth Key
• Install SDK(s)
• Initialize CometChat
• Implement user login

Chat Features

• Send text messages
• Send media messages
• Receive messages (listeners)
• Fetch message history
• Typing indicators
• Read receipts
• Create/join groups

Calling Features

• Initialize Calls SDK
• Initiate calls
• Accept/reject calls
• Handle call events
• End calls properly

Production Readiness

• Switch to Auth Tokens (not Auth Key)
• Enable push notifications
• Configure moderation rules
• Handle errors gracefully
• Test on multiple devices

---

Common Integration Patterns

React / Next.js

// Initialize in useEffect or app startup
useEffect(() => {
  const init = async () => {
    await CometChat.init(APP_ID, appSettings);
    // Check for existing session
    const user = await CometChat.getLoggedinUser();
    if (user) setUser(user);
  };
  init();
}, []);

Vue / Nuxt

// Initialize in main.js or plugin
export default {
  async install(app) {
    await CometChat.init(APP_ID, appSettings);
    app.config.globalProperties.$cometchat = CometChat;
  }
}

Angular

// Initialize in app.module.ts or service
@Injectable({ providedIn: 'root' })
export class CometChatService {
  async initialize() {
    await CometChat.init(APP_ID, appSettings);
  }
}

---

Need Help?

API Reference

Complete SDK documentation

Sample Apps

Working code examples

Support

Get technical help