JavaScript

セットアップ

有効なユーザートークンが手に入ったので、次は新しい VonageClient インスタンスを作成し、チャットアプリで使用するメンバー用のセッションを作成します。

次に、ユーザーのメンバー情報を取得し、他のユーザーのメッセージと区別できるようにします。

その情報を正常に取得したら、ログインを非表示にしてチャットUIを表示する。

使用 getConversationEvents クライアントで、イベントのページを取得する。

次に、イベントを繰り返し処理することで、それぞれのイベントをメッセージフィードに表示できるようにします。

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
}