Comment nodejs accepte-t-il l'interface demandée par le front-end ?

Node.js est un environnement d'exécution multiplateforme open source écrit sur la base de JavaScript. Il peut exécuter du code JavaScript sur le backend, ce qui lui permet d'établir une connexion transparente entre le front-end et le back-end. Node.js fournit un ensemble d'API de bas niveau via le module HTTP pour créer facilement des serveurs et des clients HTTP.

Dans un développement où le front-end et le back-end sont séparés, le front-end peut avoir besoin d'envoyer des requêtes au back-end pour obtenir des données. À l'heure actuelle, Node.js peut servir de serveur back-end et fournir des interfaces pour les appels front-end. Cet article explique comment utiliser Node.js pour accepter l'interface des requêtes frontales.

Étape 1 : Installez Node.js et les modules associés

Vous devez d'abord installer l'environnement Node.js. Téléchargez le package d'installation sur le site officiel. Après l'installation, entrez la commande suivante dans le terminal pour vérifier si l'installation a réussi :

node -v

Si le numéro de version actuel de Node.js est affiché, cela signifie que l'installation est réussie.

Ensuite, vous devez installer certains modules associés. Les plus couramment utilisés incluent Express, Body-parser, etc. Vous pouvez utiliser la commande npm dans le terminal pour installer, par exemple :

npm install express --save

Le paramètre --save est utilisé ici, ce qui signifie installer le module dans les dépendances du projet et écrire les informations dans le fichier package.json.

Étape 2 : Créer une interface

Pour créer une interface, vous pouvez utiliser le framework Express pour simplifier l'opération. Créez un nouveau fichier server.js dans le répertoire racine du projet et entrez le code suivant :

const express = require('express');
const bodyParser = require('body-parser');

const app = express();
app.use(bodyParser.json());

app.get('/api/data', (req, res) => {
  // 处理请求逻辑
  res.send('Hello, World!');
});

app.listen(3000, () => {
  console.log('server is running at http://localhost:3000');
});

Ce code crée une application Express et configure une route pour gérer les requêtes GET envoyées par le front-end. Lorsque le frontal envoie une requête GET au chemin /api/data, le serveur appelle la logique dans la fonction de rappel et renvoie une réponse avec le contenu « Hello, World ! ». Les données JSON peuvent également être renvoyées en fonction d'une logique métier spécifique.

Étape 3 : Testez l'interface

Envoyez une requête GET au front-end via le navigateur ou l'outil Postman pour tester si l'interface fonctionne normalement. Entrez l'adresse http://localhost:3000/api/data dans le navigateur et la page affichera la chaîne Hello, World!. Entrez l'adresse de la requête GET dans l'outil Postman et vous devriez pouvoir voir le contenu de la réponse.

Étape 4 : Traiter la demande POST

Vous pouvez également utiliser le framework Express pour traiter les demandes POST. Ajoutez le code suivant au fichier server.js :

app.post('/api/data', (req, res) => {
  const data = req.body;
  // 处理请求逻辑
  res.send('接收到 POST 请求');
});

Ce code configure une route pour gérer les requêtes POST Lorsque le front-end envoie une requête POST au chemin /api/data, le serveur appellera la logique dans la fonction de rappel. . Les données soumises dans la requête POST peuvent être obtenues via req.body et la logique spécifique de l'interface peut être implémentée dans la fonction de rappel.

Étape 5 : Appeler l'interface

Le front-end peut utiliser Ajax pour envoyer une demande d'appel à l'interface back-end. Par exemple, vous pouvez utiliser la méthode $.ajax() de jQuery (vous devez introduire la bibliothèque jQuery). Voici un exemple de code qui appelle une requête POST :

$.ajax({
  url: '/api/data',
  type: 'post',
  data: {
    name: '张三',
    age: 18
  },
  success: function (data) {
    console.log(data);
  },
  error: function (err) {
    console.error(err);
  }
});

Ce code envoie une requête POST à ​​http://localhost:3000/api/data via la méthode $.ajax(), en passant un objet JSON. En cas de succès, le contenu de la réponse sera affiché sur la console et en cas d'échec, un message d'erreur sera affiché.

Ci-dessus sont les étapes à suivre pour utiliser l'interface Node.js pour accepter les requêtes frontales. Cet article décrit comment installer Node.js et les modules associés, créer une interface à l'aide du framework Express, gérer les requêtes POST et appeler l'interface à l'aide d'Ajax. Grâce à ces opérations, l'interaction des données entre le front-end et le back-end peut être facilement réalisée.

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!