Nodejs membina laluan sumber tapak web-Soal Jawab bahagian hadapan-php.cn

Nodejs membina laluan sumber tapak web

WBOY

Lepaskan： 2023-05-18 10:38:07

asal

659 orang telah melayarinya

Node.js ialah bahasa pembangunan bahagian belakang yang boleh digunakan untuk membina aplikasi web yang cekap dan stabil dengan cepat. Dalam Node.js, membina laluan sumber laman web adalah salah satu kemahiran yang mesti dikuasai. Artikel ini akan memperkenalkan cara menggunakan Node.js untuk membina laluan sumber tapak web.

1. Bina pelayan HTTP asas
Sebelum mula membina laluan sumber Node.js kami, kami perlu membina pelayan HTTP asas terlebih dahulu. Pembangun boleh menggunakan modul http terbina dalam Node.js untuk membina pelayan HTTP ini Kodnya adalah seperti berikut:

const http = require('http');

const server = http.createServer((req, res) => {
  res.end('Hello World!');
});

server.listen(3000, () => {
  console.log('Server is listening on port 3000');
});

Salin selepas log masuk

Dalam kod, kami mencipta pelayan HTTP melalui http.createServer() dan lulus res. Kaedah .end() mengembalikan teks "Hello World!" Antaranya, req ialah objek permintaan dan res ialah objek tindak balas. Selain itu, kami juga mendengar port 3000 melalui kaedah server.listen() supaya pelayan boleh dimulakan pada port ini.

Jika anda ingin mengesahkan sama ada pelayan HTTP telah berjaya disediakan, anda boleh memasukkan node app.js dalam baris arahan (dengan mengandaikan fail anda dipanggil app.js), kemudian masukkan http://localhost:3000 dalam penyemak imbas , dan anda boleh melihat "Hello World!"

2. Konfigurasikan laluan sumber statik
Apabila kami membina tapak web, ia biasanya mengandungi banyak sumber statik, seperti imej, CSS, JavaScript, dll. Laluan sumber ini juga perlu dikonfigurasikan. Dalam Node.js, laluan sumber statik boleh dilaksanakan melalui rangka kerja ekspres Kodnya adalah seperti berikut:

const express = require('express');
const app = express();

app.use(express.static('public'));

app.listen(3000, () => {
  console.log('Server is listening on port 3000');
});

Salin selepas log masuk

Dalam kod, kami mula-mula mengimport rangka kerja ekspres dan memberitahu rangka kerja ekspres bahawa kami menggunakan apl tersebut. kaedah use() sumber statik perlu disediakan kepada pengguna. Antaranya, awam ialah nama folder sumber statik, iaitu laluan tempatan tempat sumber statik disimpan.

Sudah tentu, pembangun boleh mengubah suai nama folder ini mengikut keperluan mereka sendiri. Mereka hanya perlu menukar orang awam dalam kod kepada nama folder yang anda tentukan. Dalam contoh ini, kami menyimpan sumber statik dalam folder awam.

3. Uji laluan sumber statik
Selepas menyediakan laluan sumber statik, kami boleh meletakkan beberapa fail dalam folder awam untuk ujian. Sebagai contoh, letakkan imej myimage.jpg dalam folder awam, dan kemudian gunakannya dalam kod Kodnya adalah seperti berikut:

const express = require('express');
const app = express();

app.use(express.static('public'));

app.get('/', function(req, res) {
  res.send(`
  <html>
    <head>
      <title>Node.js Resource Path Test</title>
    </head>
    <body>
      <h1>Welcome to the Node.js Resource Path Test</h1>
      <img src="images/myimage.jpg" alt="My Image">
    </body>
  </html>
  `);
});

app.listen(3000, () => {
  console.log('Server is listening on port 3000');
});

Salin selepas log masuk

Dalam kod kami merujuk kepada imej myimage.jpg melalui <img src="images/myimage.jpg" alt="My Image">. Anda perlu memberi perhatian di sini, kerana kami menggunakan rangka kerja ekspres untuk mengendalikan laluan sumber statik kami, kami perlu mengekalkan laluan folder awam apabila merujuk imej dalam kod, iaitu, menggunakan laluan relatif " images/myimage.jpg" untuk merujuk imej.

Jika anda ingin mengesahkan sama ada imej berjaya dirujuk, anda boleh melawati "http://localhost:3000/" dalam penyemak imbas dan anda akan melihat bahawa imej "myimage.jpg" kami dipaparkan pada halaman tersebut.

4. Kesimpulan
Melalui langkah di atas, kami boleh membina tapak web Node.js dengan cepat yang boleh menyediakan perkhidmatan sumber statik. Pada masa yang sama, dalam proses ini, saya juga belajar cara menggunakan modul http terbina dalam Node.js untuk membina pelayan HTTP asas dan cara menggunakan rangka kerja ekspres untuk mengkonfigurasi laluan fail statik. Akhir sekali, kami juga menguji langkah konfigurasi laluan sumber statik dan memetik gambar untuk mengesahkan sama ada konfigurasi kami mencapai kesan yang diharapkan.

Atas ialah kandungan terperinci Nodejs membina laluan sumber tapak web. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!