JavaScript

Configurar

Ahora que tienes un token de usuario válido, es hora de inicializar un nuevo archivo VonageClient y crear una Sesión para que el Miembro utilice nuestra aplicación de chat.

A continuación, obtendremos la información de los Miembros del usuario para poder diferenciar entre sus mensajes y los de los demás usuarios.

Una vez que obtenemos esa información correctamente, ocultamos el inicio de sesión y mostramos la interfaz de chat.

Utilizando getConversationEvents en el cliente, recuperamos una página de Eventos.

A continuación, iteraremos a través de los eventos para poder manejar cómo se muestra cada uno en el feed de mensajes.

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
}