Comment recevoir des requêtes cross-origin envoyées via la méthode POST avec Node.js

Avec le développement rapide de la technologie front-end, le développement Web est également devenu complexe et changeant. Surtout lorsque nous devons demander des données à différents noms de domaine, nous rencontrerons des problèmes inter-domaines. Cet article explique comment utiliser Node.js pour recevoir des requêtes inter-domaines envoyées via la méthode POST.

Tout d’abord, le problème inter-domaines est causé par la politique de même origine du navigateur. La politique de même origine signifie que les scripts avec des noms de domaine différents, des protocoles différents et des ports différents ne peuvent pas obtenir de données les uns des autres. Cela signifie que si notre page doit obtenir des données d'autres noms de domaine, une erreur sera signalée. Afin de résoudre ce problème, nous devons utiliser des moyens pour contourner la même politique d'origine.

Une façon de résoudre les problèmes inter-domaines consiste à utiliser la technologie CORS (Cross-Origin Resource Sharing). CORS nous permet de spécifier explicitement dans la réponse quels noms de domaine peuvent accéder à nos ressources via Ajax. Cependant, si notre serveur API n'implémente pas CORS ou si nous ne pouvons pas modifier la configuration sur le serveur, nous devons essayer d'autres méthodes pour résoudre le problème.

Une méthode courante consiste à utiliser la technologie JSONP. JSONP crée dynamiquement une balise de script dans la page, puis demande des données inter-domaines via la balise. L'attribut src de cette balise pointe vers un fichier JavaScript sur le serveur API qui renvoie des données JSON. JSONP résout le problème inter-domaines, mais il ne peut envoyer que des requêtes GET, pas des requêtes POST.

Nous avons donc besoin d'un autre moyen d'implémenter les requêtes POST inter-domaines. Voici un exemple d'utilisation de Node.js pour implémenter une requête POST inter-domaines :

Tout d'abord, nous devons utiliser le module http de Node.js pour créer un serveur Web et écouter les requêtes POST du client :

const http = require('http');

const server = http.createServer((req, res) => {
  if (req.method === 'POST') {
    let body = '';
    req.on('data', data => {
      body += data;
    });
    req.on('end', () => {
      console.log(body);
      res.end();
    });
  }
});
server.listen(8080);

Ce simple Web Le serveur écoutera les requêtes POST du client sur le port 8080 et affichera le corps de la requête sur la console.

Ensuite, nous devons utiliser l'objet XMLHttpRequest côté client pour envoyer la requête POST. Cependant, en raison de problèmes inter-domaines, nous ne pouvons pas envoyer directement la requête au serveur API. Par conséquent, nous devons d'abord créer un serveur proxy côté client, puis laisser le serveur proxy transmettre la demande.

Le code du serveur proxy est le suivant :

const http = require('http');

const clientReq = http.request({
  method: 'POST',
  hostname: 'yourapi.com',
  path: '/path/to/api',
  headers: {
    'Content-Type': 'application/json'
  }
}, (res) => {
  res.on('data', (data) => { /* do something */ });
});

clientReq.on('error', (error) => { /* handle error */ });

process.stdin.on('data', (chunk) => {
  clientReq.write(chunk);
});

process.stdin.on('end', () => {
  clientReq.end();
});

Ce serveur proxy transmettra la requête lue depuis l'entrée standard au serveur API.

Enfin, nous devons implémenter des requêtes POST inter-domaines en démarrant le serveur proxy sur le client puis en envoyant la requête POST au serveur proxy. L'exemple de code est le suivant :

const http = require('http');
const querystring = require('querystring');

const postData = querystring.stringify({
  'msg': 'Hello World!'
});

const options = {
  hostname: 'localhost',
  port: 8080,
  path: '/proxy',
  method: 'POST',
  headers: {
    'Content-Type': 'application/x-www-form-urlencoded',
    'Content-Length': Buffer.byteLength(postData)
  }
};

const req = http.request(options, (res) => {
  res.setEncoding('utf8');
  res.on('data', (chunk) => {
    console.log(`BODY: ${chunk}`);
  });
  res.on('end', () => {
    console.log('No more data in response.')
  })
});

req.on('error', (e) => {
  console.error(`problem with request: ${e.message}`);
});

// 请求的数据
req.write(postData);
req.end();

Cet extrait de code enverra une requête POST au serveur proxy, et le serveur proxy transmettra la requête au serveur API. La réponse renvoyée par le serveur API sera renvoyée au client par le serveur proxy.

Résumé : Les problèmes inter-domaines sont un problème important dans le développement Web et nous devons prendre des moyens techniques pour les résoudre. Dans cet article, nous expliquons comment utiliser Node.js pour recevoir des requêtes POST inter-domaines et utiliser un serveur proxy pour contourner la politique de même origine. J'espère que cet article vous sera utile.

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!