Presence
In your chat app, you might want to graphically show up-to-date information on all users present in an app or on a given channel, showing if they are online, offline, active, or away. You may also want to let other chat users know when was the last time a given user was online.
Chat SDK provides methods and options to determine user presence on the channel and the app (global) level. Additionally, it provides a way of checking the last time the user performed some online activity in the app based on a Unix timestamp.
To find out the channel presence of a user, Chat SDK uses the PubNub Presence API. It provides a set of convenience methods for checking which channels a given user is subscribed to. Importantly, you can stream presence events and always get real-time information about the user's channel presence. You can also set dynamic custom state for users on one or more channels. This custom state persists on a channel as long as the user stays subscribed. Some examples of custom states are to add your score, game state, or location in an application if it changes frequently.
For global (app) presence, however, Chat SDK couldn't rely on Presence API as it doesn't support global user presence, but is limited to the context of a given channel. To fill that gap, the Chat SDK offers an optional lastActiveTimestamp
property on each User
object that states when was the last time the user was active in an app.
Suppose you want to track users' global presence in your chat app (for example, to see a user's current online state when browsing the users). In that case, you can configure your app to monitor this property and set an interval to update it. You can later use a dedicated active
method to retrieve that information and display it across the app or in the context of a given channel, if you like. Contrary to the channel presence, global user presence info is not real-time information and depends on how often you update it - the default value is 600000
milliseconds (10 minutes) and the minimum value is 60000
milliseconds (1 minute). You can set a preferred value during the Chat SDK initialization through the storeUserActivityTimestamps
parameter.
Read the sections to learn how to use all Chat SDK options and what configuration is required to implement channel and global presence in your app.
Channel presence
These methods let you monitor who is subscribed to a given channel ("present" on that channel).
Requires Presence
All channel presence methods in this section require that Presence is enabled for your app's keyset in the Admin Portal.
You can retrieve similar information for presence with different methods by calling them on the User
, Channel
, or Chat
object. Depending on the chosen method, you must provide a different input information set.
Return channels where user is present
You can return a list of channels where a given user is present with:
wherePresent()
called on theUser
objectwherePresent()
called on theChat
object.
Both of these methods have the same name and give the same output. The only difference is that you call a given method either on the Chat
or the User
object. Depending on the object, you either have to specify the ID of the user whose presence you want to check or not because it's already known.
Method signature
These methods take the following parameters:
-
wherePresent()
(on theUser
object)user.wherePresent(): Promise<string[]>
-
wherePresent()
(on theChat
object)chat.wherePresent(
id: string
): Promise<string[]>
Input
Parameter | Type | Required in the User object method | Required in the Chat object method | Default | Description |
---|---|---|---|---|---|
id | string | No | Yes | n/a | Unique identifier (up to 92 UTF-8 characters) of the user whose presence you want to check. |
Output
Type | Description |
---|---|
Promise<string[]> | List of all channel IDs on which the given user is present. |
Errors
Whenever the user ID is required, and you try to check a user without providing their ID, you will receive the ID is required
error.
Basic usage
Get a list of channels on which the support_agent_15
user is present.
-
wherePresent()
(on theUser
object)// reference the user you want to check
const user = await chat.getUser("support_agent_15")
// invoke the "wherePresent()" method
const channelIds = await user.wherePresent() -
wherePresent()
(on theChat
object)// reference the "chat" object and invoke the "wherePresent()" method.
const channelIds = await chat.wherePresent(
"support_agent_15"
)
Check user's channel presence
You can return information if the user is present on a specified channel with:
isPresentOn()
called on theUser
objectisPresent()
called on theChannel
object.isPresent()
called on theChat
object.
All of these methods give the same output. The only difference is that you call a given method on the User
, Channel
, or Chat
object. Depending on the object, you have to specify the ID of the user whose presence you want to check, the channel ID where you want to check user's presence, or both user and channel IDs.
Method signature
These methods take the following parameters:
-
isPresentOn()
(on theUser
object)user.isPresentOn(
channelId: string
): Promise<boolean> -
isPresent()
(on theChannel
object)channel.isPresent(
userId: string,
): Promise<boolean> -
isPresent()
(on theChat
object)chat.isPresent(
userId: string,
channelId: string
): Promise<boolean>
Input
Parameter | Type | Required in the User object method | Required in the Channel object method | Required in the Chat object method | Default | Description |
---|---|---|---|---|---|---|
userId | string | No | Yes | Yes | n/a | Unique ID (up to 92 UTF-8 characters) of the user whose presence you want to check. |
channelId | string | Yes | No | Yes | n/a | Unique identifier of the channel where you want to check the user's presence. |
Output
Type | Description |
---|---|
Promise<boolean> | Returns information on whether a given user is present on a specified channel (true ) or not (false ). |
Errors
Whenever the user ID or the channel ID is required, and you try to check the user's presence on a given channel without providing either the user ID or the channel ID, you will receive the User ID is required
or the Channel ID is required
error.
Basic usage
Find out if the support_agent_15
user is present on the support
channel.
-
isPresentOn()
(on theUser
object)// reference the user whose presence you want to check
const user = await chat.getUser("support_agent_15")
// invoke the "isPresentOn()" method
const isPresentOn = user.isPresentOn(
"support"
) -
isPresent()
(on theChannel
object)// reference the channel on which you want to check the user's presence
const channel = await chat.getChannel("support")
// invoke the "isPresent()" method
const isPresent = await channel.isPresent(
"support_agent_15"
) -
isPresent()
(on theChat
object)// reference the "chat" object and invoke the "isPresent()" method.
const isPresent = await chat.isPresent(
"support_agent_15",
"support"
)
Return all users present on channel
You can return a list of users present on the given channel with:
whoIsPresent()
called on theChannel
objectwhoIsPresent()
called on theChat
object.
Both of these methods have the same name and give the same output. The only difference is that you call a given method either on the Chat
or the Channel
object. Depending on the object, you either have to specify the ID of the channel where you want to check all present users or not because it's already known.
Method signature
These methods take the following parameters:
-
whoIsPresent()
(on theChannel
object)channel.whoIsPresent(): Promise<string[]>
-
whoIsPresent()
(on theChat
object)chat.whoIsPresent(
id: string
: Promise<string[]>
Input
Parameter | Type | Required in the Channel object method | Required in the Chat object method | Default | Description |
---|---|---|---|---|---|
id | string | No | Yes | n/a | Unique identifier of the channel where you want to check all present users. |
Output
Type | Description |
---|---|
Promise<string[]> | List of all user IDs that are present on the given channel. |
Errors
Whenever the channel ID is required, and you try to check a channel without providing its ID, you will receive the ID is required
error.
Basic usage
Get a list of users that are present on the support
channel.
-
whoIsPresent()
(on theChannel
object)// reference the channel where you want to check all present users
const channel = await chat.getChannel("support")
// invoke the "whoIsPresent()" method
const userIds = await channel.whoIsPresent() -
whoIsPresent()
(on theChat
object)// reference the "chat" object and invoke the "whoIsPresent()" method.
const userIds = await chat.whoIsPresent(
"support"
)
Get presence updates
Get up-to-date information about the real-time presence of users in the specified channel by subscribing to PubNub Presence events. The streamPresence()
method lets you constantly track who connects to or disconnects from the channel and visually represent that in your chat app through some status, like offline
, online
, active
, away
, or any other.
Method signature
This method takes the following parameters:
channel.streamPresence(
callback: (userIds: string[]) => unknown
): Promise<() => void>
Input
Parameter | Type | Required | Default | Description |
---|---|---|---|---|
callback | n/a | Yes | n/a | Callback function passed as a parameter. It defines the custom behavior to be executed when detecting new user presence events. |
→ userIds | string[] | Yes | n/a | Returns an updated array of user IDs. |
Output
Type | Description |
---|---|
Promise<() => void> | Function you can call to disconnect (unsubscribe) from the channel and stop receiving presence events. |
Basic usage
Get user presence updates on support
channel.
const channel = await chat.getChannel("support")
const stopUpdates = channel.streamPresence((userIds) => {
console.log("Currently present users: ", userIds)
})
// after some time...
stopUpdates()
Global presence
The Chat SDK lets you configure your app to track the user's last online activity - this gives near real-time visibility into the availability of other chat members, allowing you to see whether someone is offline or available and reach out to them to start immediate communication.
Using this online activity information provided by the Chat SDK, you can later configure your app to display different statuses next to user profiles, like offline
, online
, active
, away
or any other.
This feature relies on the lastActiveTimestamp
property set in milliseconds on the User
object. This property stands for the Unix timestamp (numeric value representing the number of seconds since January 1, 1970) for the last time the user was active in a chat app. To track this, you must explicitly state that when configuring your app during the Chat SDK initialization by:
- Setting the
storeUserActivityTimestamps
parameter totrue
. - Deciding how frequently a user's online activity will be updated by configuring the
storeUserActivityInterval
option - the default value is set to600000
milliseconds (10 minutes) and the minimum value is60000
milliseconds (1 minute).
If you set these options, you can track a user's global presence through the active
method that relies on the above setup. If the user showed no online activity within the defined period of time, they are considered inactive.
Check user's app presence
active
is a getter method called on the User
object that lets you check whether a user has recently been active in the chat app based on their last activity timestamp and a configured interval.
Required configuration
To track the user's online activity, you must first configure the storeUserActivityTimestamps
and storeUserActivityInterval
parameters when initializing the Chat SDK.
Method signature
This method has the following signature:
user.active: boolean
Properties
Property | Type | Description |
---|---|---|
active | boolean | Returned info on whether the user is active (true ) or not active (false ) on the channel. The returned value depends strictly on how you configure your chat app during initialization - if you set the storeUserActivityInterval parameter to the default 600000 milliseconds (10 minutes) and the user has been active in the app within the last 10 minutes (based on their lastActiveTimestamp property), the active method returns true . |
Basic usage
Check if the user support_agent_15
has been recently active (assuming you configured the chat app to use the default activity interval value).
// reference the "support_agent_15" user
const user = await chat.getUser("support_agent_15")
// check if the user has been active in the last 10 minutes
user.active
Check user's last online activity
Required configuration
To track the user's online activity, you must first configure the storeUserActivityTimestamps
and storeUserActivityInterval
parameters when initializing the Chat SDK.
Let's assume you configured your app to track the user's online activity and update it every 2 minutes. You can retrieve information on the user's last online activity directly from the User
object, convert it to a human-readable date (using external date and time libraries), and display it next to the user's profile in your chat app. Thanks to that, other app users will be able to see the last time the given user was online.
Basic usage
Show the Unix timestamp when support_agent_15
was last time active in an app.
// reference the "support_agent_15" user
const user = await chat.getUser("support_agent_15")
user.lastActiveTimestamp