Einrichtung
Da Sie nun ein gültiges Benutzer-Token haben, ist es an der Zeit, eine neue VonageClient Instanz und erstellen Sie eine Sitzung für das Mitglied, die für unsere Chat-App verwendet wird.
Dann erhalten wir die Mitgliedsdaten des Nutzers, damit wir zwischen seinen Nachrichten und denen der anderen Nutzer unterscheiden können.
Sobald wir diese Informationen erfolgreich erhalten haben, blenden wir die Anmeldung aus und zeigen die Chat-Benutzeroberfläche an.
Verwendung von getConversationEvents auf dem Client rufen wir eine Seite mit Ereignissen ab.
Als Nächstes werden wir die Ereignisse durchlaufen, um zu bestimmen, wie sie im Nachrichten-Feed angezeigt werden sollen.
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
}
Erstellen einer webbasierten Chat-Anwendung
Erstellen einer Webanwendung, mit der sich Benutzer gegenseitig Nachrichten schicken können