Per sviluppare ulteriormente la nostra applicazione,
vogliamo configurare un semplice server
che servirà i nostri dati richiesti dalla nostra applicazione.
Finora, non abbiamo imparato abbastanza su come
possiamo configurare un server che servirà un'API REST.
Invece, faremo uso di un semplice modulo nodo chiamato json-server,
che ci aiuta a configurare rapidamente un semplice server che servirà i dati che gli vengono dati
sotto forma di un file JSON e anche
servire le immagini che potrebbero essere richieste dalla nostra applicazione.
Quindi, per iniziare,
procediamo avanti per installare il modulo nodo json-server
e, successivamente, configurare il nostro json-server in questo esercizio.
Per iniziare, vai alla posizione comoda
sul tuo computer e crea una cartella denominata json-server.
Il motivo per cui creo questa cartella è che posso memorizzare tutti i file
richiesti dal mio json-server in questa particolare cartella.
Successivamente, installeremo il modulo npm json-server come modulo MPM globale.
Quindi, per farlo,
al prompt nel tuo terminale,
digita npm install meno g json-server,
quindi lascia che completi l'installazione
del modulo npm json-server come modulo globale.
Ora, nel caso in cui lo stai facendo su Linux o Mac,
assicurati di usare sudo davanti ad esso.
Una volta completata l'installazione,
andare alle istruzioni per la configurazione del server
json-e lì, forniamo un file chiamato db.json.
Scaricare questo file e denominarlo come db.json e
spostare il file nella cartella json-server creata nel passaggio precedente.
Ora vedi che ho già scaricato il
file db.json e quindi spostare quel file db.json nella cartella json-server.
Inoltre, ho anche creato un'altra cartella,
all'interno della cartella json-server, denominata public.
Ora, qualunque cosa inseriamo in questa cartella pubblica sarà resa disponibile dal
nostro json-server come risorsa che può essere scaricata dal nostro server.
Così, il nostro json-server agisce come un semplice server web statico che può aiutarci
a servire qualsiasi risorsa come immagini o anche un intero sito web.
Se lo desideri, puoi copiarlo nella cartella pubblica e renderlo
disponibile per essere servito dal server json-e visualizzato in un browser.
Quindi, di nuovo, andare alle istruzioni,
e quindi scaricare questo nome file zip images.zip,
e quindi decomprimere questo file,
e quindi si otterrà una cartella denominata immagini,
che contiene un insieme di immagini PNG che faremo uso all'interno della nostra applicazione.
Quindi, una volta che la cartella images è pronta,
spostare quella cartella images nella cartella pubblica che abbiamo
appena creato nella cartella json-server.
Andando nella nostra cartella,
vedrai che all'interno della cartella pubblica,
ho già spostato la sottocartella delle immagini nella cartella pubblica qui,
e questo contiene tutte le immagini che saranno utili per la mia applicazione.
Per avviare il tuo json-server,
vai alla cartella json-server nel tuo terminale e al prompt,
digita json-server e meno guarda db.json.
La ragione per l'utilizzo di questo flag di orologio
è che questo json-server manterrà un controllo sul file bb.json
e ogni volta che il file db.json viene modificato,
ricaricherà il file db.json e inizierà a servire i dati modificati dal server.
Inoltre, possiamo anche dare un flag meno d con un valore,
ad esempio 2.000, il
che significa che quando il server riceve una richiesta,
servirà i dati al richiedente dopo un ritardo di 2 secondi.
Ora, questo sarebbe usato per simulare il ritardo nell'accesso a un server su Internet.
Quindi, questo è il motivo per cui suggerirei anche di usare il
flag meno d 2.000 per il json-server.
Quindi, avviamo il nostro json-server,
e poi noterai che il server json-si avvia
e dichiara tutte le risorse disponibili dal server json-.
Quindi, puoi vedere che ha un insieme di risorse che sono disponibili a tutti questi URL.
Inoltre, il server statico pubblico che fornisce
dati statici è disponibile a questo URL, localhost:3000.
Ora, puoi andare su qualsiasi browser e quindi se digiti
localhost: 3000 e piatti barra,
vedrai che questo inizierà a servire i nostri dati sotto forma di array JSON qui.
Quindi, questo sarà utile per la nostra applicazione.
Allo stesso modo, puoi digitare i leader
e vedrai, di nuovo,
i dati che vengono serviti e così via.
Se si digita localhost: 3000,
si vedrà che il server servirà
i dati come server statico e quindi attualmente, è vuoto.
Ora, se vuoi accedere alle immagini che sono disponibili dal server,
posso semplicemente digitare le immagini e digitare il nome di un file PNG,
e poi vedrai che servirà l'immagine corrispondente.
Ora, questo è molto utile per noi,
mentre sviluppiamo la nostra applicazione in questo corso.
Con questo, completiamo questo esercizio,
in cui abbiamo impostato un semplice server chiamato json-server per servire
i dati e supportare un'API REST a cui possiamo accedere dalla nostra applicazione.