Maison >interface Web >js tutoriel >Demandes simulées
Chaque front passe par la nécessité de se moquer des requêtes des points de terminaison, parfois parce que le back n'a pas encore terminé son travail, parfois pour déboguer et simuler des situations spécifiques et cela est très courant dans la vie de tous les jours.
Oui, JSON-Server est incroyable et très simple à utiliser, mais il y a quelques jours j'ai rencontré un problème très spécifique, et j'ai fini par découvrir une incroyable extension de navigateur.
Je vais d'abord parler du problème que j'ai eu et vous comprendrez pourquoi JSON-Server ne fonctionnerait pas dans cette situation.
Dans l'application, j'ai dû consommer deux points de terminaison différents. Un premier qui chargeait des informations dans le tableau de bord, mais l'une des cartes de ce tableau de bord ouvre un Modal, qui dépendait d'un autre point de terminaison.
Nous avons eu quelques traitements au cas où l'API serait en panne, mais à un moment donné j'ai rencontré un problème imprévu avec un retard dans le retour de la deuxième API. Ça ne devrait pas être comme ça, mais ça l'était !
Le premier point de terminaison du tableau de bord a renvoyé le message, mais l'API modale a pris quelques secondes, ce qui m'a suffi d'ouvrir le modal et de n'avoir rien dans le tableau.
Il m'a fallu un certain temps pour comprendre ce qui se passait, jusqu'à ce que je réalise qu'il s'agissait d'un problème avec l'API.
J'ai commencé mes recherches et j'ai trouvé Tweak, une extension pour Chrome (et autres), très simple et puissante.
Mon idée n'est pas de donner une formation, je souhaite juste partager une des fonctions qui a retenu mon attention dans cette extension.
Voici la solution à mon problème
Maintenant, le Tweak commence à surveiller l'URL et lorsqu'elle est demandée, (1) il s'occupe de gérer le temps que j'ai déterminé pour renvoyer la demande, et (2) je peux me moquer des données dans le corps de la réponse.
Ce sont des choses sympas et simples à utiliser. Si vous connaissez déjà l'extension et avez d'autres conseils, partagez-les ici.
Câlins !
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!