‫Istruttore: E prima
‫di iniziare, facciamo solo un breve riassunto del rendering
‫lato server e lato client.
‫E inoltre, voglio mostrarvi in questo video
‫il sito web renderizzato lato server che costruiremo nelle
‫prossime due ore.
‫Quindi, ricorda come nel rendering lato client, la
‫costruzione effettiva del sito
‫Web avviene sul lato client.
‫E per questo, abbiamo bisogno di un'origine
‫dati, che di solito è un'API
‫che invia i dati al client come richiesto.
‫Quindi, questo è ciò che abbiamo costruito
‫fino a questo punto del corso.
‫Ma ora che hai imparato quella
‫parte, è il momento di passare al rendering lato
‫server e costruire effettivamente il sito web sul server.
‫E l'aspetto principale del rendering lato server è
‫la creazione dell'HTML vero e
‫proprio, fondamentalmente perché è lì che verranno archiviati tutti i nostri dati.
‫E per farlo, utilizziamo modelli,
‫che hanno segnaposto
‫in cui inseriremo i nostri dati secondo necessità.
‫Quindi, ogni volta che c'è
‫una richiesta, diciamo
‫per la homepage, otteniamo quindi i dati
‫necessari dal database, li iniettiamo
‫in un modello, che quindi
‫produrrà HTML e infine invieremo
‫quell'HTML, insieme a CSS e JavaScript
‫e file di immagine , torna al cliente.
‫Abbastanza semplice, vero?
‫Ora, possiamo ancora usare l'API per alcune
‫delle cose sul front-end,
‫e in realtà lo faremo anche noi.
‫Ok, comunque, lascia che ora ti mostri
‫cosa costruiremo effettivamente in questa sezione.
‫Quindi, questo è il sito Web Natours reso finale, ed è in
‫realtà live su www. natours. dev, quindi se ne
‫hai voglia, vai avanti
‫e
‫apri questa pagina nel tuo browser
‫ora e dai un'occhiata.
‫Dovrai specificare questo W-W-W, ok?
‫Altrimenti, non funzionerà.
‫Ad ogni modo, qui puoi vedere tutti i
‫tour con cui
‫abbiamo lavorato mentre stavamo costruendo la nostra
‫API, e tutti i dati qui sono esattamente gli stessi.
‫Quindi, tutti i nostri nove tour sono qui,
‫giusto,
‫e quindi di nuovo, questo
‫è esattamente ciò che costruiremo in questa sezione.
‫Diamo un'occhiata a una delle pagine di dettaglio qui.
‫Quindi, il Park Camper,
‫e così in effetti, hai la valutazione media.
‫Hai tutte le guide turistiche.
‫Hai quindi alcune immagini.
‫Hai tutte le posizioni e visualizzate su una mappa, in realtà.
‫E hai anche la recensione.
‫E queste, ancora una volta, sono
‫le vere recensioni provenienti da utenti reali nel database.
‫Quindi, se dovessi dare un'occhiata a
‫questo tour qui
‫a Postman, diciamo, facciamo prima tutti i
‫tour solo per ottenere l'ID del Park Camper.
‫Allora, Sea Explorer,
‫City
‫Wanderer, allora dov'è?
‫Ah, ecco il Park Camper.
‫Quindi, se otteniamo questo tour ora,
‫vedrai che, ad esempio, le
‫guide turistiche sono esattamente le stesse persone.
‫Quindi, ci sono Aarav, Ben e Kate,
‫e quindi, in effetti, sono le persone che sono
‫effettivamente le guide turistiche.
‫Quindi, queste
‫tre, e ancora, le
‫recensioni sono anche quelle di Ayla, Laura, Isabel
‫e Alexander, più anche queste altre laggiù.
‫E quindi, se diamo un'occhiata alle
‫recensioni qui, allora
‫in effetti provengono da Ayla, Laura, Isabel e...
‫Sì, quindi davvero, vedi che questi dati
‫sono davvero i dati
‫sottostanti da cui questo sito Web viene generato dinamicamente, ok?
‫Quindi, possiamo anche accedere e tutti
‫gli utenti che
‫abbiamo nel database funzioneranno per questo.
‫Quindi, se diamo un'occhiata a uno dei nostri utenti, quindi,
‫ad esempio, usiamo Steve qui, che in
‫realtà è una guida turistica.
‫Quindi, prendiamo l'esempio,
‫usiamo
‫l'e-mail e la password
‫è, come sempre, test1234.
‫Ok, quindi accediamo e questo
‫accade dietro le quinte usando
‫la nostra API.
‫Ok, e adesso ecco Steve.
‫Possiamo persino aprire il suo conto.
‫Possiamo quindi modificare la password e
‫ciò, ancora una volta, accadrà
‫dietro le quinte utilizzando l'esatto endpoint API che abbiamo
‫creato per un utente che cambia la sua password.
‫Puoi quindi anche controllare le prenotazioni
‫di questo particolare utente, che in
‫questo caso non dovrebbero
‫essere nessuna perché è una guida turistica.
‫Quindi, vedi che qui è
‫vuoto, ma comunque...
‫Sì, è quello che
‫volevo mostrarti perché è quello che
‫faremo nel resto di questa sezione.
‫Quindi, spero che tu ne sia
‫entusiasta, come lo
‫sono io, quindi iniziamo ora.