Supponiamo che esista una pagina implementata con AngularJS. Idealmente il frontend (Angular App) e il backend (servizi Web / API / chiamalo come preferisci) dovrebbero essere separati al 100% l'uno dall'altro, il che significa che il progetto frontend non ha accesso al database. Ed è quello che voglio raggiungere.
Diciamo che stiamo rendendo l'elenco dei prodotti. Il flusso di lavoro è:
- richiede e visualizza il modello HTML (incluso il codice JS)
- L'app angolare viene eseguita
- Carica dinamicamente i dati dinamici (dati prodotti per mostrare l'elenco) e inseriscili nel modello.
Fino ad ora abbiamo effettuato 2 richieste (escludendo js / css / immagini ecc.) che va bene. Semplice, efficace, semplicemente fantastico. Ed è quello che più o meno viene mostrato in tutorial / guide. Ma non è la realtà. Quello che mi chiedo sono le piccole parti di dati che vengono visualizzate su tutto il layout di app, ma che devono essere recuperate dal database.
Exmaples di tali dati sono:
- nome utente dell'utente che ha effettuato l'accesso nell'angolo in alto a destra
- menu con categorie nella barra laterale
- anche
<select>le opzioni nei moduli vengono spesso caricate dal database (di nuovo categorie, ad esempio)
Per me non ha senso fare una richiesta di back-end per ognuna di queste parti di dati perché fa un sacco di richieste http da fare su ogni pagina di aggiornamento / init
Come gestirlo?