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.js del archivo @vonage/client-sdk Carpeta de módulos de nodo
  • En chat.js que 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: