Tester une application web côté client JavaScript
Dans ce tutoriel, vous allez apprendre à utiliser le proxy de développement pour tester la façon dont un exemple d’application web côté client JavaScript gère les erreurs d’API.
Prérequis
Cette partie du didacticiel part du principe que vous avez installé et configuré dev Proxy sur votre ordinateur. Si ce n’est pas le cas, faites-le maintenant.
Pour suivre ce didacticiel, vous avez besoin des éléments suivants :
Télécharger l’exemple d’application
Téléchargez l’application exemple.
Conseil
Vous pouvez également télécharger l’exemple d’application en exécutant dans l’invite devproxy preset get demo-randomerror-jsde commandes .
L’exemple d’application est fourni avec un proxy de développement prédéfini. La présélection est configurée pour simuler des erreurs aléatoires sur les demandes d’API émises par l’application. La présélection inclut également le RetryAfterPlugin, qui vous permet de contrôler si l’application se désactive de l’appel de l’API après sa limitation.
Démarrer le proxy de développement et l’exemple d’application
- Dans une invite de commandes, remplacez le répertoire de travail par où se trouve l’exemple d’application.
- Démarrez l’exemple d’application et le proxy de développement en exécutant
npm start
Tester l’exemple d’application
Dans un navigateur web, accédez à
http://localhost:3000
- Si vous voyez une page vide, case activée la fenêtre Console. Il se peut que le proxy de développement ait déjà simulé une erreur d’API, que l’application n’a pas gérée !
Parcourez la liste des articles pour voir comment l’application gère les erreurs d’API simulées par le proxy de développement.
- Vous trouverez plus d’informations sur les erreurs dans la fenêtre console et dans l’invite de commandes où le proxy de développement s’exécute.
Appuyez sur Ctrl + C pour arrêter dev Proxy.
