Maison > interface Web > js tutoriel > Exemple de serveur JSON

Exemple de serveur JSON

Joseph Gordon-Levitt
Libérer: 2025-03-09 00:33:22
original
476 Les gens l'ont consulté

JSON Server Example

Exemple de serveur JSON

Cet exemple de serveur JSON fait partie d'une série d'articles qui a été réécrite à la mi-2017 avec des informations à jour et de nouveaux exemples.

Le serveur JSON est un outil populaire pour les développeurs frontaux pour configurer rapidement une API REST entièrement fausse en moins d'une minute. Vous devez d'abord l'installer via NPM:
<span>npm install -global json-server
</span>
Copier après la connexion

Ensuite, enregistrez certaines données dans un fichier JSON et nommez-le db.json:

<span>{
</span>  <span>"clients": [
</span>    <span>{
</span>      <span>"id": "59761c23b30d971669fb42ff",
</span>      <span>"isActive": true,
</span>      <span>"age": 36,
</span>      <span>"name": "Dunlap Hubbard",
</span>      <span>"gender": "male",
</span>      <span>"company": "CEDWARD",
</span>      <span>"email": "dunlaphubbard@cedward.com",
</span>      <span>"phone": "+1 (890) 543-2508",
</span>      <span>"address": "169 Rutledge Street, Konterra, Northern Mariana Islands, 8551"
</span>    <span>},
</span>    <span>{
</span>      <span>"id": "59761c233d8d0f92a6b0570d",
</span>      <span>"isActive": true,
</span>      <span>"age": 24,
</span>      <span>"name": "Kirsten Sellers",
</span>      <span>"gender": "female",
</span>      <span>"company": "EMERGENT",
</span>      <span>"email": "kirstensellers@emergent.com",
</span>      <span>"phone": "+1 (831) 564-2190",
</span>      <span>"address": "886 Gallatin Place, Fannett, Arkansas, 4656"
</span>    <span>},
</span>    <span>{
</span>      <span>"id": "59761c23fcb6254b1a06dad5",
</span>      <span>"isActive": true,
</span>      <span>"age": 30,
</span>      <span>"name": "Acosta Robbins",
</span>      <span>"gender": "male",
</span>      <span>"company": "ORGANICA",
</span>      <span>"email": "acostarobbins@organica.com",
</span>      <span>"phone": "+1 (882) 441-3367",
</span>      <span>"address": "697 Linden Boulevard, Sattley, Idaho, 1035"
</span>    <span>}
</span>  <span>]
</span><span>}
</span>
Copier après la connexion

Enfin, démarrez le serveur avec la commande suivante:

json-server <span>--watch src/db.json
</span>
Copier après la connexion

Vous pouvez désormais accéder à l'API REST simple avec un client approprié. Pour l'instant, un navigateur moderne comme Chrome, Firefox ou Safari fera l'affaire. Ouvrez http: // localhost: 3000 / clients et vous verrez toute votre base de données miniature au format JSON. Vous pouvez afficher les éléments par ID en utilisant le format de demande http: // localhost: 3000 / clients / {id}. Par exemple, l'ouverture http: // localhost: 3000 / clients / 59761c233d8d0f92a6b0570d cédera:

<span>{
</span>  <span>"id": "59761c233d8d0f92a6b0570d",
</span>  <span>"isActive": true,
</span>  <span>"age": 24,
</span>  <span>"name": "Kirsten Sellers",
</span>  <span>"gender": "female",
</span>  <span>"company": "EMERGENT",
</span>  <span>"email": "kirstensellers@emergent.com",
</span>  <span>"phone": "+1 (831) 564-2190",
</span>  <span>"address": "886 Gallatin Place, Fannett, Arkansas, 4656"
</span><span>}
</span>
Copier après la connexion

Pour en savoir plus sur le serveur JSON, consultez les API Mock REST du tutoriel à l'aide de JSON-Server

Aussi: voir plus d'exemples JSON.

Voici les autres exemples de cette série:
  • Couleurs JSON Exemple
  • Google Maps JSON Exemple
  • YouTube JSON Exemple
  • Twitter JSON Exemple
  • Geoip JSON Exemple
  • WordPress JSON Exemple
  • Database JSON Exemple
  • EXEMPLE JSON REST LOCAL
  • Test Data JSON Exemple

Questions fréquemment posées (FAQ) sur le serveur JSON

Quel est l'objectif principal de l'utilisation du serveur JSON?

Le serveur JSON est un simple outil principalement utilisé pour configurer une fausse API REST à des fins de développement. Il permet aux développeurs de prototyper et de développer des applications sans avoir à configurer un backend complexe. Ceci est particulièrement utile lorsque vous souhaitez tester rapidement votre code frontal avec un backend simulé. Il utilise un fichier JSON pour créer la base de données et fournit tous les points de terminaison de l'API REST standard hors de la boîte.

Comment puis-je installer JSON Server?

JSON Server est un module Node.js, et il peut être installé à l'aide de NPM (Node Package Manager). Vous pouvez l'installer globalement sur votre système en exécutant la commande NPM Install -g JSON-Server dans votre terminal ou votre invite de commande. Une fois installé, vous pouvez démarrer le serveur avec la commande json-server --watch db.json, où db.json est votre fichier de base de données.

Comment puis-je créer un itinéraire personnalisé dans le serveur JSON?

Le serveur JSON vous permet de définir des routes personnalisées en créant un fichier routes.json. Dans ce fichier, vous pouvez cartographier les routes vers différents objets JSON. Par exemple, si vous souhaitez mapper / API / POST à ​​/ Posts, vous le définissez comme {"/ api / poteaux": "/ poteaux"} dans votre fichier routes.json. Ensuite, vous pouvez démarrer le serveur avec le fichier Routes en exécutant JSON-Server --watch db.json - routes routes.json.

Puis-je utiliser JSON Server pour la production?

Bien que le serveur JSON soit un outil puissant pour le prototypage et le développement, il n'est pas recommandé pour une utilisation en production. Il n'a pas la sécurité et les optimisations des performances nécessaires à un environnement de production. Pour la production, vous devez utiliser une base de données et une configuration de serveur appropriées.

Comment puis-je ajouter des données à mon serveur JSON?

Vous pouvez ajouter des données à votre serveur JSON en modifiant le fichier db.json. Ce fichier agit comme votre base de données et chaque clé de l'objet JSON correspond à une ressource différente. Par exemple, si vous souhaitez ajouter un nouveau message, vous ajouteriez un nouvel objet au tableau de messages dans votre fichier db.json.

Comment puis-je filtrer les données dans JSON Server?

JSON Server prend en charge le filtrage des données à l'aide de paramètres de requête. Par exemple, si vous souhaitez obtenir tous les messages avec le titre «Hello World», vous enverriez une demande GET à / Posts? Title = Hello World. Cela renverra tous les articles où le titre est «Hello World».

Puis-je utiliser JSON Server avec d'autres langages de programmation?

Oui, le serveur JSON est agnostique du langage et peut être utilisé avec n'importe quel langage de programmation pouvant envoyer des requêtes HTTP. Cela inclut JavaScript, Python, Ruby, Java et bien d'autres.

Comment puis-je paginer les données dans JSON Server?

Le serveur JSON prend en charge la pagination à l'aide des paramètres de requête _page et _limit. Par exemple, si vous souhaitez obtenir les 10 premiers messages, vous envoyez une demande de GET à / messages? _Page = 1 & _limit = 10. Cela renverra les 10 premiers messages.

Puis-je trier les données dans JSON Server?

Oui, JSON Server prend en charge les données de tri à l'aide des paramètres de requête _Sort et _Order. Par exemple, si vous souhaitez obtenir des messages triés par titre dans l'ordre croissant, vous enverriez une demande de GET à / messages? _Sort = title & _order = ass.

Comment puis-je mettre à jour les données dans JSON Server?

Vous pouvez mettre à jour les données dans JSON Server en envoyant une demande de put ou de patch à l'URL de la ressource. Par exemple, si vous souhaitez mettre à jour le titre d'un message, vous enverriez une demande de put ou de patch à / Posts / 1, où 1 est l'ID du message, avec le nouveau titre dans le corps de la demande.

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!

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