0
152
ViewsMúltiples llamadas API para inicializar JSON y usar ese JSON en todo el sistema
Estoy trabajando en un proyecto que se está implementando con Vue.js y Laravel. Básicamente el proyecto está relacionado con la academia. Tiene unidades, lecciones y actividades. Todos estos están relacionados. Las unidades de medios tienen múltiples lecciones y las lecciones tienen múltiples actividades. Quiero tener acceso a los datos de todas las unidades, lecciones y actividades en un solo lugar, puede estar en el almacenamiento local o en algún archivo. La razón es que el usuario puede avanzar y retroceder a las actividades. Entonces, he diseñado un JSON, como se muestra en la imagen adjunta. 
Entonces, quiero usar la forma más optimizada de trabajar con esta estructura. Por ejemplo, hay 10 unidades, cada unidad con 3 lecciones, cada lección con 5 actividades; necesitamos obtener todos los datos de unidades, lecciones y actividades de la base de datos, que es MySQL.
Ahora, pasemos a la navegación frontal. Hay una página que muestra todas las habitaciones. Al hacer clic en cualquier sala, las lecciones de esa sala se mostrarán en la página de lecciones. Y al hacer clic en cualquier lección, se abre una barra desplegable que muestra todas las actividades de esa lección.
Ahora, ¿qué sugeriría para obtener datos de la base de datos y crear el JSON como se muestra en la imagen adjunta? ¿Y debería almacenar todos los datos en el almacenamiento local o algún archivo, para que el sistema no envíe llamadas a las API cada vez, verifica si el almacenamiento local contiene datos, luego úselo, de lo contrario, llame a las API para completar los datos y use Vuex? para mantener el estado?
Esperando respuestas positivas.
1 answers
Answer question0
¿Su aplicación es utilizada por muchos usuarios al mismo tiempo? ¿Cómo manejará las nuevas lecciones agregadas por otros usuarios? Creo que entendiste mal el concepto principal de vuex, que es tener una tienda centralizada para mantener el estado durante toda la aplicación. En mi opinión, hay 2 formas de enfrentar esto:
Obtenga sus datos de DB todo el tiempo sin necesidad de vuex. No veo ninguna complejidad para evitar obtener datos de DB tantas veces como sea necesario. De esta forma, si cualquier otro usuario añade/elimina/actualiza una lección/actividad/unidad, estarás seguro de que estás viendo todo actualizado.
Usando vuex + Websockets. La implementación de vuex + WebSockets brinda una experiencia de usuario realmente agradable. Puede obtener todos los datos cuando se monta la aplicación y luego escuchar los eventos de WebSocket para que pueda hidratar su estado vuex. Esta forma es un poco más compleja ya que debe mantener un servidor WebSocket.
Además, me parece inseguro mantener sus datos dentro de su almacenamiento local. Podrías manipular lo que está almacenado y enviar lo que quieras a tu API.
Diciendo eso me preguntaría:
- ¿Necesito conservar mis datos durante toda la aplicación?
- ¿Puede algún otro usuario agregar/actualizar/eliminar algo que yo necesite saber?
- ¿Las consultas son realmente complejas para afectar el rendimiento de mi aplicación?