Skip to content

Arquitectura

Bruno Sarlo edited this page Apr 14, 2020 · 3 revisions

Arquitectura

Framework

React parece tener la ventaja en base a la progresión de tendencia de crecimiento comunidad y la actualización y cantidad de código generado.
Sin embargo en base a la experiencia previa de Angular con Ionic hay mayor cantidad de ejemplos. Lo otro que inclina la balanza en favor de Angular es la estructura MVC que ya se maneja en Rails y es útil a la hora de fijar estructuras y traspasar el conocimiento.

Mobile connection

Capacitor es un desarrollo de la propia comunidad de Ionic para trabajar mas estrechamente con las necesidades habituales. Muestra un gran crecimiento y adopción y parece clara la opción salvo en casos que necesiten interacciones nativas que no esten funcionales en Capacitor. Gran parte de los modulos de Cordova se pueden usar en Capacitor.

Menu lateral

Lo implementamos en forma de componente para mantener la estructura de routing nativa de ionic (en app-routing.module.ts) y es mas reusable.

Lenguetas

Implementamos las lengüetas de Ionic. Se crea una página principal de las lengüetas que contiene sub-páginas que son las lenguetas, esto genera una estructura de url tipo /pagina_contenedor/paginas_lenguetas. Se podría llamar ej: /app/mapa, /app/contacto.

Mapa

Implementamos Leaflet y Leaflet Routing Machine para calcular rutas.

Servicio generico de conexión a API

Implementamos un servicio para conectar a una API REST que nos permita fácilmente crear modelos y conectarlos a la API. Para esto creamos un modelo base (base.model.ts) y un servicio generico (generic-api.service.ts) extendibles de forma de generar los correspondientes a cada modelo que cremos.

Buscador

Componente para buscar sobre resultados JSON de la API

Otras herramientas