Entradas

CRUD con PyMongo

Imagen
  Para trabajar con Mongo primero se clona el repositorio flask-backend-mongo , este es modificado del repositorio original web-app-dev . Para usar correctamente la aplicación es necesario instalar Vagrant y VirtualBox para generar una máquina virtual en Windows que permita trabajar con Linux. Una vez instalados Vagrant y VirtualBox, se ingresa en la carpeta previamente clonada y se usan los siguientes comandos en la terminal: vagrant up vagrant ssh Con estos comandos se carga el entorno de la máquina virtual y se hace la conexión. Después se ingresa: cd /vagrant Al ingresar este comando en la terminal, dentro del ambiente vagrant, se está cambiando al directorio vagrant que se encuentra dentro de flask-backend-mongo. Una vez dentro de este directorio se ingresa en la terminal: docker-compose up Con estos pasos se baja una imagen Mongodb de Docker y se instalan todos los requerimientos necesarios.  El ambiente Windows y el ambiente Linux no son compatibles, por lo que es posib...

Backend con Flask y Docker - Base de datos SQL

Imagen
  Flask es un pequeño Framework de Python para crear aplicaciones web dinámicas. A diferencia de otros Frameworks, con Flask , al comenzar un proyecto nuevo, solo importamos lo que realmente necesitamos como se hace con una librería en Python. Por ende, este Framework nos ayuda a desarrollar una aplicación fácil y de manera más ágil. Además, cuando adicionalmente hacemos uso de  Docker  podemos también reducir el despliegue a cuestión de segundos. Este trabaja con contenedores y su objetivo es desplegar contenedores donde cada contenedor tiene sus propias librerías y aplicaciones. Es decir, cada contenedor está aislado de los otros y usa la virtualización del sistema operativo. Asimismo, es portable, con lo cual contenedor se fue llevar a otro contenedor y funciona de la misma manera. La forma más básica de utilizar Flask  es produciendo un archivo de Python y simplemente creando rutas. Estas rutas incluyen el envío de parámetros a través de la URL.  Las r...

Back-end con Mongodb

Imagen
Mongo permite mayor flexibilidad en la estructura de las bases de datos, estos campos flexibles implican que el programador necesita validar si un campo está o no dentro del objeto de la colección para evitar errores al desplegar la página web. Agregar una nueva colección es mucho más fácil con PyMongo. En el siguiente link, se encuentra un tutorial para trabajar con PyMongo:  Tutorial PyMongo . Para trabajar con Mongo primero se descarga el repositorio web-app-dev . En la carpeta flask-backend-mongo del repositorio, en el docker-compose.yml se comentan las líneas 30 y 31. Estas líneas solo son de utilidad cuando se guarda la aplicación en un servidor. En la terminal, en la carpeta flask-backend-mongo se inicia Vagrant y Docker: vagrant up vagrant ssh cd /vagrant docker-compose up Con estos pasos se baja una imagen Mongodb de Docker y se instalan todos los requerimientos necesarios. El ambiente Windows debe estar en formato LF y no en formato CRL. En Visual Studio, e...

Diseño front-end con React para una aplicación web

Imagen
Este proyecto consiste en la realización de una plataforma web que gestione y optimice el stock de medicamentos en la Farmacia PYC. Este sistema de gestión es una decisión estratégica que permite al servicio farmacéutico documentar todas sus actividades con el fin de planificar, operar y controlar eficazmente sus procesos, además de la implementación y mejora continua que son aspectos fundamentales en el sistema. La plataforma es desarrollada haciendo uso de los diferentes lenguajes web como son HTML, JSX, CSS. Asimismo, para facilitar el desarrollo de la interfaz, se utiliza una librería de JavaScript, React, la cual está focalizada en el desarrollo de interfaces de usuario. React ofrece herramientas y aisladas piezas de código llamadas ‘componentes’ que facilitan el diseño y disminuyen el tiempo de trabajo. En esta primera parte del proyecto solo nos centramos en construir el front-end del sistema de gestión de farmacia con React. En trabajos posteriores nos centraremos en construir ...

Introducción al back-end

Imagen
Introducción al back-end Inicialmente debe estar instalado y configurado correctamente Docker y Vagrant Protocolo http (hypertext transfer protocol):  Es un protocolo de comunicación (reglas) de hipertexto. Permite el internet como lo conocemos, todo viaja a través de este protocolo. Este permite la comunicación entre los servidores y la página web. Los hipertextos corresponden a los links o enlaces. HTTP permite la conexión con el internet. Es un protocolo basado en texto, es decir, el servidor envía texto y responde con texto también. Los navegadores interpretan el texto que envían los servidores. Primer paso: Request El cliente envía una solicitud GET de la siguiente forma:  En consola: telnet www.spacejam.com 80 (puerto) GET/ HTTP/1.1 Host: www.spacejam.com (ejemplo) Accept: text/html User-Agent: Mozilla/5.0 (Macintosh) Al ejecutar los códigos anteriores, se redireccionan al http s (protocolo seguro). Es importante aclarar que se quiere acceder al dominio (space jam) con...