Maison > interface Web > js tutoriel > Comment déployer un serveur json lors du rendu

Comment déployer un serveur json lors du rendu

Mary-Kate Olsen
Libérer: 2024-11-18 13:07:02
original
580 Les gens l'ont consulté

How To Deploy a json-server on render

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!

source:dev.to
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal