logo
On this page

Manage rooms


ZEGOCLOUD's In-app Chat (the ZIM SDK) provides the capability of room messaging, allows multiple users to send text or custom messages to a room, and chat and share ideas in real time.

With the room messaging feature, you can build your app to meet different requirements of various scenarios, such as one-to-many classes, online conferences, and more.

Join a room

Now, we provide two methods to join a room:

For in-room users to send messages to a room, call the sendRoomMessage method. For details, see Send & Receive messages.

Note

If the room (roomID) already exists:

If the room (roomID) doesn't exist:

  • Call the createRoom method: you can create a room, and you will join the room upon creation.
  • Call the enterRoom method: a room will be created automatically, and you will join the room directly.

Method 1: Manually create a room & Join a room

Manually create a room

Let's suppose we have Client A and Client B. The following shows how Client A creates a room, how Client B and other client users join the room.

For Client A to create a room after login, he can call the createRoom method with the ZIMRoomInfo info. And he can be told whether the room is created successfully by the ZIMError parameter. For related error codes, see Error codes.

Warning
  • You can customize the roomID and roomName, and we recommend you set the roomID to a meaningful value and associate them with the account system of your application.
  • After creating a room by calling the createRoom method, you will directly join the room you just created, you don't need to call the joinRoom method to join the room.
Untitled
var roomInfo = { roomID: '', roomName: '' };
zim.createRoom(roomInfo)
    .then(function ({ roomInfo }) {
        // Operation successful. 
    })
    .catch(function (err) {
        // Operation failed. 
    });
1
Copied!

Join a room

For Client B and other client users to join the room created by Client A, call the joinRoom method with the roomID of client A's room. And Client B and other client users can be told whether they joined the room successfully by the ZIMError parameter. For related error codes, see Error codes.

Untitled
var roomID = '';
zim.joinRoom(roomID)
    .then(function ({ roomInfo }) {
        // Operation successful. 
    })
    .catch(function (err) {
        // Operation failed. 
    });
1
Copied!

To receive notifications when a new room member joins the room, call the on method to set up the callback roomMemberJoined.

The following shows Client A receives the callback notification when Client B joins the room created by Client A:

Untitled
// Callback for receiving event notification when new room members join the room. And it also returns the information of the user who just joined the room. 
zim.on('roomMemberJoined', function (zim, { roomID, memberList }) {
    console.log(roomID, memberList);
});
1
Copied!

Method 2: Join a room directly (room will be created automatically)

Let's suppose we have Client A and Client B. The following shows how Client A joins the room without creating a room manually, and how Client B and other client users join the room.

  1. After logs in, Client A calls the enterRoom method with the ZIMRoomInfo information. The room will be created automatically when the passed roomID doesn't exist.

  2. Client B and other client users call the enterRoom method with the roomID to join the room created by Client A.

  3. For in-room client users to receive notifications when a new room member joins the room, call the on method to set up the callback roomMemberJoined.

Untitled
var roomInfo = { roomID: '', roomName: '' };
zim.enterRoom(roomInfo)
    .then(function ({ roomInfo }) {
        // Operation successful. 
    })
    .catch(function (err) {
        // Operation failed. 
    });

// Callback for receiving event notification when new room members join the room. And it also returns the information of the user who just joined the room. 
zim.on('roomMemberJoined', function (zim, { roomID, memberList }) {
    console.log(roomID, memberList);
});
1
Copied!

Switch Rooms

If a user wants to switch from one room to another, the user can call the switchRoom method, passing in the ID of the original room (fromRoomID) and the information of the target room (toRoomInfo), which includes the room ID and room name. This will allow the user to switch rooms.

However, it is possible for the room switch to fail if the target room does not exist. To avoid this failure, you can also pass isCreateWhenRoomNotExisted as true (allowing ZIM to create a new room if the target room does not exist) and config (used to configure the new room) when calling the switchRoom method. In this case, when ZIM finds that the target room does not exist, it will create a new room based on toRoomInfo and config (if provided) for the switch.

After a successful room switch, other users in the original room can be notified of a user leaving the room through the roomMemberJoined callback, and other users in the target room can be notified of a user joining the room through the callback interface roomMemberLeft.

  • Please refer to the following flowchart for the complete process:

    %%{ init: { 'flowchart': { 'curve': 'stepAfter' } } }%% flowchart TD Start([Start]) --> A[User A calls switchRoom to \nswitch from Room1 to Room2] A --> B[User A receives the roomStateChanged event \nindicating the user is connecting to Room2] B --> C{Is Room2 \navailable?} C -->|No| D{Is the number of rooms\nin the server at its limit?} C -->|Yes| E[Room switched successfully. \nRoom2 users receive the roomMemberJoined event] D -->|Yes| K[Room switch failed.\nUser A receives the roomStateChanged event \nindicating the failure to switch to Room2.] D -->|No| F{Is isCreateWhen\nRoomNotExisted \n true?} F -->|No| K F -->|Yes| G[Room2 is created. \nRoom switched successfully.\nRoom2's parameters align with \nthose provided in the switchRoom call.] G --> H[User A receives roomStateChanged event twice\nindicating the connection to Room2 and the disconnection from Room1] E --> H H --> I{Are there\nother members \nin Room1?} I -->|Yes| J[Room1 users receive roomMemberLeft event] I -->|No| L[Room1 is destroyed when \nthe destruction delay time is reached] J --> End([End]) L --> End K --> End

    As shown in the figure above, users will receive the roomStateChanged event multiple times when switching rooms. Based on the triggering timing, the relevant parameters in this event are as shown in the following table:

    Triggering Time
    roomID value
    state value
    event value
    Event Meaning
    After calling the switchRoom interface.Room2connectingActiveSwitchConnecting to Room2.
    After calling the switchRoom interface, when Room2 does not exist, in any of the following cases:
    • The number of rooms in the server has reached the limit.
    • The number of rooms in the server has not reached the limit, but the isCreateWhenRoomNoteExisted parameter is set to false when calling the switchRoom method.
    Room2DisconnectedSwitchFailedFailed to switch because Room2 does not exist.
    In any of the following cases, the user will receive the event twice:
    • After calling the switchRoom interface, when Room2 exists.
    • After calling the switchRoom interface, when Room2 does not exist, the number of rooms in the server has not reached the limit, and the isCreateWhenRoomNoteExisted parameter is set to true when calling the switchRoom interface.
    • First time: Room2
    • Second time: Room1
    • First time: Connected
    • Second time: Disconnected
    • First time: Success
    • Second time: Success
    • First time: Successfully connected to Room2.
    • Second time: Successfully disconnected from Room1.
  • Sample code:

Untitled
const fromRoomID = 'fromRoomID';
const toRoomInfo = { roomID: 'toRoomID', roomName: 'toRoomName' };

// Whether to create a room if it does not exist.
// Only when this is true and the target room does not exist, the toRoomName and config in toRoomInfo are meaningful
const isCreateWhenRoomNotExisted = true;

// Advanced configuration for creating a room
const to_room_attr = {
    key1: 'value1', // Replace this code to the actual key-value pair
    key2: 'value2', // Another key-value pair
    // You can add more pairs
};

// Set room destruction delay time (in seconds)
const to_room_delay_destroy_time = 90; 

const config = {
    roomAttributes: to_room_attr,
    roomDestroyDelayTime: to_room_delay_destroy_time,
};

zim.switchRoom(fromRoomID, toRoomInfo, isCreateWhenRoomNotExisted, config)
    .then(function (res) {
        // Operation successful
    })
    .catch(function (err) {
        // Operation failed
    });
1
Copied!

Leave the room

For Client B to leave the room, call the leaveRoom method with roomID. And Client A and other client users in the room will receive notifications through the callback roomMemberLeft of the on method.

Room members who leave the room cannot receive messages in the room anymore.

Untitled
var roomID = '';
zim.leaveRoom(roomID)
    .then(function ({ roomID }) {
        // Operation successful. 
    })
    .catch(function (err) {
        // Operation failed. 
    });
1
Copied!
Untitled
// Callback for receiving event notification when existing room members leave the room. And it also returns the information of the user who just left the room. 
zim.on('roomMemberLeft', function (zim, { roomID, memberList }) {
    console.log(roomID, memberList);
});
1
Copied!
Note

The room will be automatically destroyed after all room members left the room. You can also delay the destruction with the room settings.

Leave all rooms

Call the leaveAllRoom method to leave all joined rooms and obtain a list of the rooms. If a user logs in to multiple platforms, calling this method on a platform lets the user leave rooms on the that platform only. Other platforms are not affected.

Untitled
var roomIDs = [];
zim.leaveAllRoom(roomIDs)
    .then(function ({ roomIDs }) {
        // Operation successful.
    })
    .catch(function (err) {
        // Operation failed.
    });
1
Copied!

Other users in the room receive the member change notification in the on callback of the roomMemberLeft method.

After leaving all rooms, the user receives the roomStateChanged callback multiple times based on the number of rooms. The value of ZIMRoomState is Disconnected , and the value of ZIMRoomEvent is Success .

After leaving a room, the user no longer receives messages in the room.

Previous

Online Status Subscription

Next

Manage room info