SendBird JavaScript SDK

SendBird provides the chat API and SDK for your app enabling real-time communication among your users.

Getting Started

bower package for SendBird JavaScript SDK

  bower install sendbird

npm module for SendBird JavaScript SDK

  npm install sendbird --save

Download for SendBird JavaScript SDK if you wish to use it without a package manager.

NOTICE! You should also add axios library into the script tag before the SendBird library inclusion since v3.0.127. You can host the library by your own, or utilize the CDN as the library refers to it. The below is an example.

<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script src="/your-own-path-to-sendbird/SendBird.min.js"></script>

TypeScript

Install via NPM and import like below in your TypeScript file:

import * as SendBird from "sendbird";
var sb = new SendBird({ appId: "APP_ID" });
// do something...

If you have trouble importing SendBird, please check your tsconfig.json file and change the value of "allowSyntheticDefaultImports" to true in compilerOptions.

Sample

• Basic Sample using Sendbird SDK. download
• Widget Sample using Sendbird SDK. download
• LiveChat Sample using Sendbird SDK. download

SyncManager

SyncManager is a support add-on for SendBird SDK. Major benefits of SyncManager are,

• Local cache integrated: store channel/message data in local storage for fast view loading.
• Event-driven data handling: subscribe channel/message event like insert, update, remove at a single spot in order to apply data event to view.

Check out Basic Sample with SyncManager which is similar to Basic Sample but SyncManager integrated. For more information about SyncManager, please refer to SyncManager README.

Documentation

v3.0.128(JUL 10, 2020)

If you want to check the record of other version, go to Change Log.

• Added addOperators() and removeOperators() in GroupChannel and OpenChannel.
• Bug-fix in missing data field of file message.

Change Log

License

SendBird License