En la presente documentación se describe la manera en la cual esta estructurada la aplicación de domicilios y también como realizar una posterior edición pensando en la implementación para otros restaurantes.
La implementación se realizó en:
IONIC 6.10.1 -> Framework para desarrollo de apps hibrídas.
ANGULAR 10.0.1 -> Framework para desarrollo de frontend.
La base de datos, el alojamiento de imagenes, el módulo de autenticación y algunos END POINTS, se realizarón en FIREBASE, especificamente los servicios son los señalados a continuación:
Se utilizó el modelo de tabs que otorga el framework IONIC por defecto y a partir de ahí se comienza el desarrollo del software donde el resultado final es la siguiente estructura:
Las siguientes carpetas alojan las 3 pestañas principales de la aplicación, (Products, Gallery, Profile).
La lógica de negocio de la aplicación se encuentra alojada en la carpeta servicios, y son los siguientes:
auth.service.ts: Se encuentra alojado el código que maneja las sesiones de usuario, identificando si actualmente hay un usuario logueado o no,
de estarlo en esta clase se almacenará en memoria los datos que la app utilizá para su funcionamiento, además de que en este servicio
se encuentra un arreglo en el cual se debe especificar cuales son los códigos postales(ZIP) que se aceptan para los domicilios.
firebase.service.ts: Maneja la comunicación con el backend de firebase, es decir, es la que se encarga de obtener todos los productos almacenados en la base de datos,
registrar las compras de los clientes, obtener las imagenes de la aplicación, etc.
Este servicio tambien obtiene un objeto con información estática, la cual contiene las URLS de las imagenes utilizadas en la app e información general del restaurante.
Este objeto se encuentra en la ruta src/app/assets-firestorage/data.ts, y debe verse de una manera similar a la siguiente:
shopping-cart.service.ts: Alberga la lógica de negocio del carrito de compras, es el servicio que se encarga de controlar lo que se va añadiendo a la compra
por parte del usuario y lleva el control de las opciones seleccionadas de ser el caso y el valor total de la compra, cuando se confirma está, el servicio
posee la funcionalidad de registrar en la base de datos la venta realizadá.
El componente donde se encuentra la información del horario del restaurante se encuentra en la ruta src/app/tab1/information/information.component.html:
