Afin de développer notre application,
nous voulons configurer un serveur
simple qui servira nos données qui sont requises par notre application.
Jusqu'à présent, nous n'avons pas assez appris comment
nous pouvons configurer un serveur qui servira une API REST.
Au lieu de cela, nous utiliserons un module de noeud simple appelé json-server,
qui nous aide à mettre en place rapidement un serveur simple qui servira les données qui lui sont données
sous la forme d'un fichier JSON et également
servir des images qui pourraient être requises par notre application.
Donc, pour commencer,
continuons à installer le module de noeud json-server,
et ensuite, configurez notre serveur json-dans cet exercice.
Pour commencer, accédez à votre emplacement pratique
sur votre ordinateur et créez un dossier nommé json-server.
La raison pour laquelle je crée ce dossier est que je peux stocker tous les fichiers
qui sont requis par mon serveur json-dans ce dossier particulier.
Par la suite, nous allons installer le module npm json-server en tant que module MPM global.
Donc, pour ce faire,
à l'invite dans votre terminal,
tapez npm install moins g json-server,
, puis laissez cela terminer l'installation
du module json-server npm en tant que module global.
Maintenant, au cas où vous le faites sur un Linux ou un Mac,
assurez-vous d'utiliser sudo devant lui.
Une fois l'installation terminée,
aller aux instructions de configuration du serveur json-,
et là, nous fournissons un fichier nommé db.json.
Téléchargez ce fichier et nommez-le comme db.json et déplacez ce fichier
dans le dossier json-server que vous avez créé à l'étape précédente.
Vous voyez maintenant que j'ai déjà téléchargé le fichier db.json
, puis déplacé ce fichier db.json dans le dossier json-server.
De plus, j'ai également créé un autre dossier,
à l'intérieur du dossier json-server, nommé public.
Maintenant, tout ce que nous mettons dans ce dossier public sera mis à disposition par
notre json-server comme une ressource qui peut être téléchargée depuis notre serveur.
Ainsi, notre json-server agit comme un simple serveur web statique qui peut nous aider
à servir toutes les ressources comme des images ou même un site web entier.
Si vous le souhaitez, vous pouvez copier cela dans le dossier public et le rendre
disponible pour être servi par le serveur json et affiché dans un navigateur.
Ensuite, encore une fois, allez aux instructions,
, puis téléchargez ce nom de fichier zip images.zip,
puis décompresser ce fichier,
et vous obtiendrez un dossier nommé images,
qui contient un ensemble d'images PNG que nous utiliserons dans notre application.
Donc, une fois que le dossier images est prêt,
déplace ce dossier images dans le dossier public que nous venons de créer
dans le dossier json-server.
En allant dans notre dossier,
vous verrez qu'à l'intérieur du dossier public,
J'ai déjà déplacé le sous-dossier images dans le dossier public ici,
et cela contient toutes les images qui seront utiles pour mon application.
Pour démarrer votre json-server,
allez dans le dossier json-server de votre terminal et à l'invite,
tapez json-server et moins watch db.json.
La raison de l'utilisation de ce drapeau de montre
est que ce serveur json-gardera une surveillance sur le fichier bb.json,
et chaque fois que le fichier db.json est modifié,
il rechargera le fichier db.json et commencera à servir les données modifiées du serveur.
De plus, nous pouvons également donner un indicateur moins d avec une valeur,
dire, par exemple, 2,000,
, ce qui signifie que lorsque le serveur reçoit une demande,
il remettra les données au demandeur après un délai de 2 secondes.
Maintenant, cela serait utilisé pour simuler le délai d'accès à un serveur sur Internet.
Donc, c'est la raison pour laquelle je suggère également d'utiliser le drapeau moins d
2,000 pour le serveur json-.
Alors, démarrons notre json-server,
et puis vous remarquerez que le json-server démarre
et déclare toutes les ressources disponibles à partir du json-server.
Donc, vous pouvez voir qu'il a un ensemble de ressources qui sont disponibles dans toutes ces URL.
De plus, le serveur statique public qui sert des données statiques
est disponible à cette URL, localhost:3000.
Maintenant, vous pouvez aller à n'importe quel navigateur et puis si vous tapez
localhost:3000 et slash plats,
vous verrez que cela va commencer à servir nos données sous la forme de tableau JSON ici.
Donc, cela sera utile pour notre application.
De même, vous pouvez taper leaders,
et vous verrez, encore une fois,
les données sont servies et ainsi de suite.
Si vous tapez le localhost:3000,
, vous verrez que le serveur servira
les données en tant que serveur statique et alors actuellement, il est vide.
Maintenant, si vous voulez accéder aux images qui sont disponibles depuis le serveur,
Je peux simplement taper des images et taper le nom d'un fichier PNG,
et alors vous verrez qu'il servira l'image correspondante.
Maintenant, ceci est très utile pour nous,
alors que nous développons notre application dans ce cours.
Avec cela, nous terminons cet exercice,
où nous avons mis en place un serveur simple appelé json-server pour servir les données
et prendre en charge une API REST à laquelle nous pouvons accéder depuis notre application.