Cara menerima permintaan silang asal yang dihantar melalui kaedah POST dengan Node.js

Dengan perkembangan pesat teknologi bahagian hadapan, pembangunan web juga menjadi kompleks dan boleh diubah. Terutama apabila kami perlu meminta data daripada nama domain yang berbeza, kami akan menghadapi masalah merentas domain. Artikel ini akan memperkenalkan cara menggunakan Node.js untuk menerima permintaan merentas domain yang dihantar melalui kaedah POST.

Pertama sekali, masalah merentas domain disebabkan oleh dasar asal yang sama penyemak imbas. Dasar asal yang sama bermakna bahawa skrip dengan nama domain yang berbeza, protokol yang berbeza dan port yang berbeza tidak boleh mendapatkan data antara satu sama lain. Ini bermakna jika halaman kami perlu mendapatkan data daripada nama domain lain, ralat akan dilaporkan. Untuk menyelesaikan masalah ini, kita perlu menggunakan beberapa cara untuk memintas dasar asal yang sama.

Salah satu cara untuk menyelesaikan masalah merentas domain ialah menggunakan teknologi CORS (Cross-Origin Resource Sharing). CORS membenarkan kami untuk menyatakan secara eksplisit dalam respons nama domain yang boleh mengakses sumber kami melalui Ajax. Walau bagaimanapun, jika pelayan API kami tidak melaksanakan CORS, atau kami tidak boleh mengubah suai konfigurasi pada pelayan, kami perlu mencuba kaedah lain untuk menyelesaikan masalah tersebut.

Kaedah biasa ialah menggunakan teknologi JSONP. JSONP membuat teg skrip secara dinamik dalam halaman dan kemudian meminta data merentas domain melalui teg. Atribut src teg ini menghala ke fail JavaScript pada pelayan API yang mengembalikan data JSON. JSONP menyelesaikan masalah merentas domain, tetapi ia hanya boleh menghantar permintaan GET, bukan permintaan POST.

Oleh itu, kami memerlukan cara lain untuk melaksanakan permintaan POST merentas domain. Berikut ialah contoh menggunakan Node.js untuk melaksanakan permintaan POST merentas domain:

Pertama, kita perlu menggunakan modul http Node.js untuk mencipta pelayan web dan mendengar permintaan POST daripada klien :

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);

Pelayan web ringkas ini akan mendengar permintaan POST daripada klien pada port 8080, dan mengeluarkan isi permintaan kepada konsol.

Seterusnya, kita perlu menggunakan objek XMLHttpRequest pada bahagian klien untuk menghantar permintaan POST. Walau bagaimanapun, disebabkan isu merentas domain, kami tidak boleh menghantar permintaan terus kepada pelayan API. Oleh itu, kita perlu mencipta pelayan proksi pada bahagian klien dahulu, dan kemudian biarkan pelayan proksi memajukan permintaan tersebut.

Kod pelayan proksi adalah seperti berikut:

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();
});

Pelayan proksi ini akan memajukan permintaan yang dibaca daripada input standard ke pelayan API.

Akhir sekali, kami perlu melaksanakan permintaan POST merentas domain dengan memulakan pelayan proksi pada klien dan kemudian menghantar permintaan POST ke pelayan proksi. Kod sampel adalah seperti berikut:

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();

Coretan kod ini akan menghantar permintaan POST kepada pelayan proksi dan pelayan proksi akan memajukan permintaan itu kepada pelayan API. Respons yang dikembalikan oleh pelayan API akan dimajukan semula kepada klien oleh pelayan proksi.

Ringkasan: Isu merentas domain ialah isu penting dalam pembangunan web dan memerlukan kami mengambil beberapa cara teknikal untuk menyelesaikannya. Dalam artikel ini kami memperkenalkan cara menggunakan Node.js untuk menerima permintaan POST merentas domain dan menggunakan pelayan proksi untuk memintas dasar asal yang sama. Semoga artikel ini bermanfaat kepada anda.

Atas ialah kandungan terperinci Cara menerima permintaan silang asal yang dihantar melalui kaedah POST dengan Node.js. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!