Skip to content

Single Page Application that acts as a web HTTP client to send/receive requests and visualize them in browser

License

Notifications You must be signed in to change notification settings

gotoiot/web-http-client

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

logo

Web HTTP Client

Ayudaría mucho si apoyaras este proyecto con una ⭐ en Github!

Este proyecto es una aplicación web que se comunica con un servidor HTTP através de requests. Funciona como un cliente donde se pueden enviar y recibir distintos requests HTTP y visualizar los mensajes en tiempo real.

Corre sobre cualquier navegador actual y está desarrollado en JavaScript, HTML y CSS. Los estilos son de Material Design y la conexión HTTP con la biblioteca XmlHttpRequest.

Para que tengas un mejor entendimiento de la aplicación, en esta imagen podés ver una captura del cliente HTTP enviando un request y visualizando la respuesta en la sección de logs.

HTTP Client Running

Instalar las dependencias 🔩

Mira cómo instalar las dependencias

Para correr este proyecto solo necesitas un navegador moderno, aunque es preferible que lo accedas desde un servidor web. Cualquier servidor es válido, aunque si usas Visual Studio Code podes instalar la extensión Live Server, un servidor web para desarrollo muy fácil y práctico de utilizar.

Descargar el código 💾

Para descargar el código, lo más conveniente es que realices un fork de este proyecto a tu cuenta personal haciendo click en este link. Una vez que ya tengas el fork a tu cuenta, descargalo con este comando (acordate de poner tu usuario en el link):

git clone https://github.com/USER/web-http-client.git

En caso que no tengas una cuenta en Github podes clonar directamente este repo.

Ejecutar la aplicación 🚀

Para probar la aplicación vas a necesitar accederla desde el navegador.

Ejecutar la aplicación en el navegador

Si usas Visual Studio Code e instalaste Live Server, abrí la carpeta del proyecto en el IDE y hace click derecho sobre el archivo index.html. Seleccioná la opción Open with Live Server que abrirá automáticamente la aplicación en el navegador.

Si estas usando otro servidor web accedé a la URL correspondiente; y de manera opcional podés poner el path del archivo desde la barra de búsqueda del navegador (ej: file://PATH_TO_PROJECT/index.html).

Ejecutar un request HTTP

Una vez que accedas a la app tenes que configurar los campos para realizar el request HTTP. Todos los campos tienen valores precargados para no tener que escribirlos cada vez, aunque probablemente necesites cambiar la URL dependiendo el host a donde envíes los requests.

Cuando tengas los datos del request presioná el boton SEND para enviarlo. Fijate que en la sección de logs aparecen las acciones que vas realizando.

Para algunos casos puede que necesites ejecutar requests periódicos. A través del checbox Poll podés hacer que tus request se ejecuten cada Secs segundos (el valor del campo Secs). Es importante que sepas que esta funcionalidad está disponible únicamente para ejecutar con el método GET.

Información útil 🔍

En esta sección vas a encontrar información que te va a servir para tener un mayor contexto.

Mira todos los detalles

Configuración de los logs

Para las configuraciones de los logs podés setar el numero de líneas que se muestran con el campo Lines. El check Time imprime la hora mientras que el check Level imprime el nivel de loggeo. Si querés pausar la actualización de mensajes en el log chequeá el campo Pause. Por último, si querés borrar los mensajes presioná CLEAR LOG.

Tecnologías utilizadas 🛠️

Mira la lista de tecnologías usadas en el proyecto
  • Material Design - Bibliotecas de estilo responsive para aplicaciones web.

Contribuir 🖇️

Si estás interesado en el proyecto y te gustaría sumar fuerzas para que siga creciendo y mejorando, podés abrir un hilo de discusión para charlar tus propuestas en este link. Así mismo podés leer el archivo Contribuir.md de nuestra Wiki donde están bien explicados los pasos para que puedas enviarnos pull requests.

Sobre Goto IoT 📖

Goto IoT es una plataforma que publica material y proyectos de código abierto bien documentados junto a una comunidad libre que colabora y promueve el conocimiento sobre IoT entre sus miembros. Acá podés ver los links más importantes:

  • Sitio web: Donde se publican los artículos y proyectos sobre IoT.
  • Github de Goto IoT: Donde están alojados los proyectos para descargar y utilizar.
  • Comunidad de Goto IoT: Donde los miembros de la comunidad intercambian información e ideas, realizan consultas, solucionan problemas y comparten novedades.
  • Twitter de Goto IoT: Donde se publican las novedades del sitio y temas relacionados con IoT.
  • Wiki de Goto IoT: Donde hay información de desarrollo complementaria para ampliar el contexto.

Muestas de agradecimiento 🎁

Si te gustó este proyecto y quisieras apoyarlo, cualquiera de estas acciones estaría más que bien para nosotros:

  • Apoyar este proyecto con una ⭐ en Github para llegar a más personas.
  • Sumarte a nuestra comunidad abierta y dejar un feedback sobre qué te pareció el proyecto.
  • Seguirnos en twitter y dejar algún comentario o like.
  • Compartir este proyecto con otras personas.

Autores 👥

Las colaboraciones principales fueron realizadas por:

  • Agustin Bassi: Ideación, puesta en marcha y mantenimiento del proyecto.

También podés mirar todas las personas que han participado en la lista completa de contribuyentes.

Licencia 📄

Este proyecto está bajo Licencia (MIT). Podés ver el archivo LICENSE.md para más detalles sobre el uso de este material.


Copyright © Goto IoT 2021 ⌨️ Website ⌨️ Group ⌨️ Github ⌨️ Twitter ⌨️ Wiki

About

Single Page Application that acts as a web HTTP client to send/receive requests and visualize them in browser

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published