‫Finora in questa sezione, hai
‫imparato come richiedere
‫i moduli core di Node JS.
‫Come richiedere i propri moduli.
‫E
‫così in questo video imparerai
‫come richiedere moduli di terze parti dal registro NPM.
‫In realtà richiedere un modulo
‫che abbiamo già installato da NPM
‫è davvero molto semplice.
‫Quindi, di nuovo, facciamo tutte le richieste in
‫alto e di solito richiediamo prima i moduli
‫principali, poi i
‫moduli di terze parti
‫e poi il nostro proveniente dal nostro
‫file system locale come questo.
‫Quindi quello di cui avremo bisogno
‫si chiama slugify.
‫Ricordare?
‫Questo è quello
‫che abbiamo installato nella lezione precedente.
‫E tutto ciò che dobbiamo fare
‫per richiederlo è usare
‫come prima la
‫funzione require e poi semplicemente il nome del pacchetto.
‫E poi OGS saprà automaticamente che dovrà
‫andare nella cartella
‫dei moduli del nodo.
‫Quindi questa cartella dove sono tutte le dipendenze
‫e cerca quel modulo lì.
‫Va bene?
‫Quindi di nuovo questo restituirà una variabile.
‫E quindi dobbiamo salvarlo in una variabile.
‫E lo chiamo slugify qui proprio così.
‫Va bene?
‫E quindi slugify sarà
‫una funzione, che possiamo usare per creare fondamentalmente slug.
‫Quindi, di nuovo, cos'è una lumaca?
‫Lo slug è fondamentalmente solo l'ultima parte di
‫un URL che contiene una stringa univoca
‫che identifica la
‫risorsa visualizzata dal sito web.
‫Quindi, per
‫esempio, nella nostra
‫farm di nodi diciamo che
‫dove abbiamo aperto questo avocado invece di avere
‫questo ID uguale a zero
‫potremmo avere qualcosa come (facendo clic) su avocado freschi, ok?
‫E quindi questa parte qui o
‫in realtà solo questa
‫parte, quindi questa sarebbe la lumaca.
‫Quindi è fondamentalmente questo nome
‫qui e poi basato su una stringa univoca come questa.
‫E sono sicuro che
‫l'hai visto dappertutto, come nei post del blog.
‫È molto comune farlo in questo modo.
‫O davvero ovunque non desideriamo semplicemente qualcosa
‫del genere.
‫Va bene?
‫Quindi ID è uguale a uno.
‫Oppure potremmo anche usare solo
‫per esempio
‫in questo caso qui capra e così via e così via.
‫Va bene.
‫Non ho intenzione di controllare l'intero nome.
‫Ma l'idea è di usare una lumaca,
‫che è quindi una stringa univoca
‫invece di un
‫numero che non ha alcun significato per noi.
‫Ora diciamo che questa
‫è la prima volta che usi il pacchetto slugify.
‫Quindi, per capire come funziona
‫effettivamente, possiamo cercare
‫la documentazione qui su
‫NPM.
‫Quindi abbiamo appena messo il nome del pacchetto qui.
‫Allora cercalo.
‫E quindi questo è quello che abbiamo installato.
‫Va bene.
‫Quindi abbiamo già fatto questa parte qui.
‫Quindi richiedere il modulo o il pacchetto qui.
‫E poi quaggiù possiamo vedere come
‫l'abbiamo usato.
‫Quindi tutto ciò che dobbiamo
‫fare è usare slugify come funzione e quindi
‫passare una stringa.
‫Quindi qui sotto vedi le opzioni.
‫E per esempio possiamo specificare la sostituzione.
‫Quindi in pratica con cosa verrà sostituito
‫lo spazio vuoto.
‫E di solito è questo trattino.
‫Quindi proprio come stavo scrivendo qui.
‫Ma possiamo specificare qualcosa
‫di diverso come un trattino basso o niente.
‫Va bene.
‫Qui possiamo specificare
‫che vogliamo tutto in minuscolo.
‫E quindi andiamo avanti e facciamolo ora
‫nel nostro codice.
‫Quindi abbiamo slugify
‫qui e ora, solo per testarlo,
‫facciamolo qui prima di creare il server.
‫Console al log.
‫Slugify alla stringa.
‫Avocado freschi e poi specificherò l'opzione
‫che ti ho appena mostrato, che è
‫minuscola e
‫la imposterò su true.
‫Dagli
‫un salvataggio e ricorda
‫che ora non dobbiamo
‫più chiudere l'app e riavviarla.
‫Node man lo fa automaticamente per noi ora.
‫E così quaggiù vedi già avocado freschi.
‫Ho semplicemente fatto qualche errore qui.
‫Quindi è minuscolo.
‫Ma per qualche motivo
‫non funziona ancora, quindi torniamo qui.
‫Oh, capisco.
‫In realtà è solo più basso.
‫Ma è proprio
‫a questo che serve la documentazione.
‫Quindi per noi vedere come funziona davvero qualcosa in modo
‫da poter utilizzare correttamente il pacchetto
‫nel nostro codice.
‫E così,
‫proprio così, ho creato una lumaca dal nostro
‫filo di avocado fresco iniziale.
‫Ora facciamolo per tutti i nostri prodotti.
‫Quindi sono in oggetto dati.
‫Quindi creiamo un array di tutte le lumache.
‫Quindi lumache.
‫Quindi mappa dei punti dell'oggetto dati.
‫E quindi questo è di nuovo solo
‫JavaScript normale, quindi non dovrebbe essere niente per te.
‫Quindi stiamo eseguendo il loop sull'oggetto dati
‫e quindi creiamo un nuovo array basato su quello.
‫E in ogni iterazione quello che faremo
‫è prendere l'elemento
‫e poi crearne una lumaca.
‫Quindi slugify il nome del prodotto dot dell'elemento.
‫Quindi ricorda che è lì che si trova il
‫nome del prodotto.
‫Quindi qui vedi il nome del prodotto.
‫E così poi questo oggetto.
‫E in realtà registriamo quello sulla console.
‫E infatti ci siamo.
‫Quindi queste sono le nostre sei
‫lumache o in realtà
‫solo cinque dei nostri cinque prodotti.
‫Va bene.
‫Ed è così che includiamo un
‫modulo di terze parti.
‫Dai un'occhiata alla documentazione e
‫poi usala effettivamente nel nostro codice.
‫Va bene.
‫Quindi questo slugify è ora una dipendenza del nostro codice.
‫Perché senza quel
‫pacchetto questa parte del codice
‫qui ora non funzionerebbe più.
‫Destra?
‫Quindi il nostro codice
‫ora dipende dall'avere il pacchetto slugify installato nel progetto.
‫Ora potremmo andare avanti e
‫archiviare effettivamente questi slug qui nei dati json e
‫quindi
‫creare l'app in modo
‫che invece dell'ID visualizzi lo slug nell'URL.
‫Ma non andrò
‫avanti e lo farò qui perché
‫sto solo usando gli stessi
‫concetti che abbiamo imparato prima di nuovo.
‫E quindi questo non aggiunge nulla di nuovo.
‫Tutto quello che volevo
‫fare in questo video è davvero mostrarti questo
‫processo di integrazione di un nuovo pacchetto nel nostro codice.
‫Dai un'occhiata alla documentazione
‫e poi fai
‫un semplice esempio con quel nuovo modulo.
‫Quindi questo era l'obiettivo di questo video.
‫Ora è completato.
‫E quindi passiamo ora
‫al prossimo.