Maison  >  Article  >  interface Web  >  Building Rester : un projet parallèle semblable à celui d'un facteur

Building Rester : un projet parallèle semblable à celui d'un facteur

WBOY
WBOYoriginal
2024-08-21 06:18:06732parcourir

Building Rester: A Postman-Like Side Project

Introduction

Ce mois-ci, j'ai commencé à travailler sur un nouveau projet parallèle appelé R2 Tester, initialement nommé Postman-frontend, grâce à ChatGPT. Conçu comme un outil d'apprentissage, R2 Tester reproduit l'interface et les fonctionnalités de Postman, m'aidant ainsi à approfondir ma compréhension de l'interaction API. L'idée est née d'un autre projet parallèle sur lequel j'ai commencé à travailler le mois précédent (oui ?‍♂️).

À propos du testeur R2

C'est un outil que j'ai construit pour m'entraîner à échanger des données et des fichiers (encore à implémenter) avec le backend (Node.js dans mon cas). Le front-end est développé avec HTML, CSS/SASS, JavaScript, manipulation DOM, Bootstrap et Prettify pour le formatage JSON.

L'outil enregistre les requêtes dans le stockage local du navigateur et les charge sur l'interface utilisateur (en fonction de l'interaction de l'utilisateur). Les utilisateurs peuvent créer des collections, des dossiers et des demandes individuelles, avec des réponses visualisées dans une vue claire et formatée via Prettify.

Principales fonctionnalités

  • Échange de données : R2 Tester est conçu pour aider les utilisateurs à s'entraîner à envoyer et à recevoir des données avec le backend.
  • Construit avec : HTML, CSS/SASS, JavaScript, DOM et Bootstrap.
  • Gestion des demandes : les utilisateurs peuvent créer et gérer des collections, des dossiers et des demandes.
  • LocalStorage : Enregistrez et chargez les requêtes directement depuis le localStorage du navigateur.
  • Prettify : formate les réponses JSON pour une lisibilité facile.

Code et démo en direct

Vous pouvez plonger dans le code et voir la démonstration en direct du projet directement dans votre navigateur en visitant le référentiel GitHub du projet à l'URL suivante :

https://github.com/adnannazir235/R2-Tester

Statut du projet

R2 Tester est un travail en cours, dépourvu de fonctionnalités clés. Son objectif principal était d'apprendre les interactions API. Bien qu'il démontre les concepts de base, il n'est pas destiné à une utilisation en production. Explorez le code à des fins éducatives, mais soyez conscient de ses limites.

Conclusion

R2 Tester a été un projet passionnant et éducatif qui m'a permis d'explorer les subtilités du développement Web et des interactions API. Alors que je continue à développer cet outil, j'espère qu'il constituera une ressource utile pour ceux qui cherchent également à approfondir leur compréhension de la communication backend et de l'échange de données.

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn