Chat SDKs JavaScript v3
Chat SDKs JavaScript
Chat SDKs
JavaScript
Version 3
Sendbird Chat SDK v3 for JavaScript is no longer supported as a new version is released. Check out our latest Chat SDK v4

Application

Copy link

Before you start building your chat, it is important to understand that your Sendbird application has core functionalities to maintain chat service stability and basic features for application management. This page presents how you can use a Sendbird application in your app to ensure optimal performance.


Default settings

Copy link

To prevent abnormal user activity, a Sendbird application has the following limits on the number of messages per second which a user can send and an open channel can display.

Limits on number of messages per second

Copy link
Imposed onLimitIf exceeded

User

Five messages per second

Excess messages are neither sent to the channel nor saved in the database but are displayed in the user's channel view.

Channel

Five messages per second

Excess messages aren't displayed but saved in the database.

You can change the default limit settings by contacting our sales team.


Manage connections with Sendbird server

Copy link

Unlike the Chat SDKs for iOS and Android, the Chat SDK for JavaScript doesn't manage a connection to Sendbird server when the foreground and background states of your web app changes on a various types of devices. In that context, you should call the connect() or disconnect() methods explicitly depending on how you implement your use cases.

One user ID can make connections to up to 30 devices or browsers simultaneously. All connections from one user ID are counted and reflected in your application’s concurrent connections. Since they are used to calculate your service billing, caution is advised.


Retrieve a list of users

Copy link

You can retrieve a list of all or certain users in your Sendbird application using an ApplicationUserListQuery instance. The next() method returns a list of User objects which contain information on users within the application.

// Retrieving all users
var sb = SendBird.getInstance();
var listQuery = sb.createApplicationUserListQuery();
listQuery.limit = 20;   // The value of pagination limit could be set up to 100.

listQuery.next(function(users, error) {
    if (error) {
        // Handle error.
    }

    // A list of users is successfully retrieved.
    // Through the "users" parameter of the callback function,
    // you can access the data of each user from the result list that Sendbird server has passed to the callback function.
    ...
});

With the several different types of filters the ApplicationUserListQuery instance provides, you can retrieve a list of specific users that match the set values in the filters. Currently the ApplicationUserListQuery instance supports the following three filters:

List of filters

Copy link
NameFilters...

UserIdsFilter

Users who are using the specified user IDs. Specifying the userIdsFilter option enables this filter.

MetaDataKeyFilter

Users with metadata containing an item with the specified key and values. Specifying the metaDataKeyFilter option along with the metaDataValuesFilter below enables this filter.

MetaDataValuesFilter

Users with metadata containing an item with the specified key and values. Specifying the metaDataValuesFilter option along with the metaDataKeyFilter above enables this filter.

NicknameStartsWithFilter

Users whose nicknames start with the specified value. Specifying the nicknameStartsWithFilter option enables this filter.

Note: We recommend you set the maximum number of user IDs to 250 in the UserID filter. If exceeded, your query may receive an HTTP 414 error indicating that the submitted request data is longer than Sendbird server is willing to interpret.

// Retrieving certain users using the UserID filter
var listQuery = sb.createApplicationUserListQuery();
listQuery.userIdsFilter = ['Harry', 'Jay', 'Jin'];

listQuery.next(function(users, error) {
    if (error) {
        // Handle error.
    }

    // A list of matching users is successfully retrieved.
    ...
});

// Retrieving certain users using the MetaDataKey and MetaDataValue filter
var listQuery = sb.createApplicationUserListQuery();
listQuery.metaDataKeyFilter = 'hobby';
listQuery.metaDataValuesFilter = ['movie', 'book', 'exercise'];

listQuery.next(function(users, error) {
    if (error) {
        // Handle error.
    }

    // A list of matching users is successfully retrieved.
    ...
});

// Retrieving certain users using the NicknameStartsWith filter
var listQuery = sb.createApplicationUserListQuery();
listQuery.nicknameStartsWithFilter = 'Ja';

listQuery.next(function(users, error) {
    if (error) {
        // Handle error.
    }

    // A list of matching users is successfully retrieved.
    ...
});

Block and unblock other users

Copy link

A user can block specific users to stop receiving further messages from them in 1-to-1 group channels and notifications of their messages in 1-to-N group channels. You can choose whether or not users can view which users they have blocked in the channel UI.

A Sendbird application provides two blocking options: including or excluding blocked users when sending invitations and turning on/off push notifications from blocked users. The previous block modes are now deprecated and only supported for customers who have been using them from before.

  • Including or excluding blocked users when sending invitations: determines whether or not to automatically filter out blocked users when a user invites a group of users to a new group channel. The value of this option can be adjusted only from our side before integrating your Sendbird application to an app. If you want to change the value, contact our sales team for further assistance. (Default: including)
  • Turning on/off push notifications from blocked users: determines whether or not to send push notifications to a user for the messages that blocked users sent in a specific 1-to-N group channel where they are members together. The value of this option can be set individually by channel. If you want to use this option, contact our sales team for further assistance. (Default: off)

1-to-1 group channel

Copy link
Channel listPush notificationsMessages

A user's channel list will not be updated and rearranged from the blocked user's messages.

A user will not be notified that the blocked user sent a message.

New messages sent from the blocked user will not be delivered to the channel, but are saved in the database and displayed in the blocked user's channel view. The blocked user is not aware of their blocked status. A user can only see the messages that the blocked user has sent before being blocked.

* If the blocked user is unblocked, a user can see all the messages except those that were sent during the blocking period.

1-to-N group channel (group chat)

Copy link
Channel listPush notificationsMessages

For a blocked user's message, a user's channel list will be updated and rearranged.

A user will be notified of messages from blocked users if push notifications from blocked users is turned on. Otherwise, they will not be notified.

All the messages from blocked users are delivered to the channel. You can choose whether a user can view which users they have blocked in the UI of the channel.

You can allow a users to block and unblock other users by implementing the following code to your client app.

// Blocking a user
var sb = SendBird.getInstance();
sb.blockUser(USER, function(user, error) {
    if (error) {
        // Handle error.
    }

    // The blocked user can be retrieved through the "user" parameter of the callback function.
    ...
});

Note: You can use the blockUserWithUserId() and unblockUserWithUserId() methods, instead of the blockUser() and unblockUser() methods, as they have same functionalities. Please see our API reference for more information on the blockUserWithUserId() and unblockUserWithUserID().


Retrieve a list of blocked users

Copy link

You can retrieve a list of all or certain blocked users in your Sendbird application using a BlockedUserListQuery instance. The next() method returns a list of User objects which contain information on blocked users.

// Retrieving all blocked users.
var sb = SendBird.getInstance();
var listQuery = sb.createBlockedUserListQuery();

listQuery.next(function(users, error) {
    if (error) {
        // Handle error.
    }

    // A list of blocked users is successfully retrieved.
    // Through the "users" parameter of the callback function,
    // you can access the data of each blocked user from the result list that Sendbird server has passed to the callback function.
    ...
});

With the BlockedUserListQuery's UserID filter, you can retrieve a list of the blocked users that match the user IDs in the filter.

// Retrieving certain blocked users using the UserID filter.
var listQuery = sb.createBlockedUserListQuery();
listQuery.userIdsFilter = ['John', 'Daniel', 'Jeff'];

listQuery.next(function(users, error) {
    if (error) {
        // Handle error.
    }

    // A list of matching users is successfully retrieved.
    ...
});

Check if a user is online

Copy link

You can check if a certain user is currently connected to Sendbird server.

var sb = SendBird.getInstance();
var listQuery = sb.createApplicationUserListQuery();
listQuery.userIdsFilter = ['Jeff'];

listQuery.next(function(users, error) {
    if (error) {
        // Handle error.
    }

    // users[0] = 'Jeff'
    if (users[0].connectionStatus === sb.User.ONLINE) {
        // 'Jeff' is currently online.
        // User.connectionStatus consists of NON_AVAILABLE, ONLINE, and OFFLINE.
        ...
    }
});