JavaScript

Configuração

Agora que você tem um token de usuário válido, é hora de inicializar um novo VonageClient instância e criar uma sessão para o membro usar em nosso aplicativo de bate-papo.

Em seguida, obteremos as informações de membro do usuário para que possamos diferenciar as mensagens dele das de outros usuários.

Assim que obtivermos essas informações com sucesso, ocultamos o login e exibimos a interface do chat.

Usando getConversationEvents No cliente, recuperamos uma página de Eventos.

A seguir, vamos percorrer os eventos para que possamos definir como cada um deles será exibido no feed de mensagens.

async function run() {
    const client = new vonageClientSDK.VonageClient();
    try {
        await client.createSession(userToken);

        // Get my Member information
        myMember = await client.getConversationMember(CONVERSATION_ID, "me");

        document.getElementById("messages").style.display = "block";
        document.getElementById("login").style.display = "none";

        // Load events that happened before the page loaded
        const params = {
            order: "asc",
            pageSize: 100,
        };
        const eventsPage = await client.getConversationEvents(CONVERSATION_ID, params);
        eventsPage.events.forEach((event) => handleEvent(event));
    } catch (error) {
        console.error("Error: ", error);
        return;
    }

    // more to be added later
}