Créer l'interface utilisateur

Créez l'interface utilisateur de votre application de chat en ligne.

Le code HTML suivant définit 2 <section> que vous utiliserez pour l'affichage :

• Boutons permettant de se connecter en tant qu'Alice ou Bob
• L'interface de chat comprend le flux de messages ainsi qu'une zone de texte et un bouton pour envoyer des messages.

La page web charge deux scripts une fois que le corps de la page a été rendu :

• Les vonageClientSDK.min.js du fichier @vonage/client-sdk Dossier des modules Node
• Les chat.js qui contiendra le code de votre application. Créez ce fichier vide dans le répertoire racine du projet

Créer un fichier nommé index.html dans le répertoire de votre projet avec le contenu suivant :