Maison >interface Web >js tutoriel >Comment déployer un serveur json lors du rendu
Un petit guide étape par étape pour créer un serveur JSON-DB et le déployer lors du rendu
json-server est un outil pour créer rapidement une API REST simulée ! Pour commencer, assurez-vous de remplir les conditions suivantes :
NodeJS (npm)
Commençons !
Sur un dossier vide, lancez une application nodejs en exécutant ce qui suit sur votre terminal/CMD :
npm init -y
Une fois cette opération terminée, vous installez les packages suivants :
`
serveur json
json-serve
cors
`
npm installer json-server json-serve cors
Après l'installation, créez un nouveau fichier : index.js. C'est le point d'entrée du json-serve. Ajoutez ce qui suit dans le fichier :
`
const jsonServer = require("json-server"); // importation de la bibliothèque json-server
const serveur = jsonServer.create();
const router = jsonServer.router("db.json");
const middlewares = jsonServer.defaults();
const port = processus.env.PORT || 3001 ; // vous pouvez utiliser n'importe quel numéro de port ici ; j'ai choisi d'utiliser 3001
server.use(middlewares);
serveur.use(routeur);
server.listen(port);
`
Dans le code ci-dessus, un serveur a été créé qui récupérera et mettra à jour les données d'un fichier json, db.json
À la racine du projet, créez un nouveau fichier : db.json et ajoutez ce qui suit :
{
"commentaires": [
{
"identifiant": 1,
"note": 10,
"nom_utilisateur": "Tony Stark",
"text": "Tu es l'ironman de ce monde"
},
{
"identifiant": 2,
"note": 9,
"nom_utilisateur": "Bruce Wayne",
"text": "Tu es le Batman de ce monde"
},
{
"identifiant": 3,
"note": 8,
"nom_utilisateur": "Peter Parker",
"text": "Tu es l'homme-araignée de ce monde"
>
]
>
Le serveur fictif est prêt à fonctionner, mais ajoutons quelques scripts dans package.json :
Mettre à jour les "scripts" pour :
"scripts": {
"start": "node index.js"
},
Déployer lors du rendu :-
Aller sur le site :- https://dashboard.render.com/
Sélectionnez les services Web
Connectez-vous avec Github
Allez sur Github pour créer un nouveau dépôt
Clonez ce dépôt et créez tous les fichiers et l'installation du serveur json, tous mentionnés ci-dessus.
poussez tout le code sur Github
Allez dans le rendu et sélectionnez Github Repo où poussez tout le code du serveur json
Cliquez sur le bouton Créer un service Web ci-dessous
et attendez quelques minutes pour progresser et profitez-en
J'espère que cet article vous sera utile, bon codage ! || Likez cet article ♥
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!