JavaScript
Crear la interfaz de usuario
Cree la interfaz de usuario para su aplicación de chat web.
El siguiente HTML define 2 <section> áreas que utilizará para visualizar:
- Botones para iniciar sesión como Alice o Bob
- La interfaz de chat incluye la alimentación de mensajes junto con un área de texto y un botón para enviar mensajes
La página web carga dos scripts una vez que el cuerpo de la página se ha renderizado:
- En
vonageClientSDK.min.jsdel archivo@vonage/client-sdkCarpeta de módulos de nodo - En
chat.jsque contendrá el código de su aplicación. Cree este archivo vacío en el directorio raíz del proyecto
Cree un archivo llamado index.html en el directorio de su proyecto con el siguiente contenido:
Crear una aplicación de chat basada en web
Crear una aplicación web que permita a los usuarios enviarse mensajes entre sí
Pasos
1
Introducción a esta tarea2
Prerequisites3
Crear una aplicación de Vonage4
Crear una conversación5
Crear los usuarios6
Añadir usuarios a la conversación7
Generar JWT8
Instalar Client SDK9
Crear la interfaz de usuario10
Autentique a sus usuarios11
Instanciar VonageClient y crear una sesión12
Mostrar el historial de mensajes13
Enviar un mensaje14
Ejecute su aplicación15
¿Y ahora qué?