Bagaimana untuk membina projek nodejs

Bina projek Node.js

Dengan populariti Node.js, semakin ramai pembangun memberi perhatian kepada masa jalan JavaScript ini. Ramai orang ingin tahu cara menyediakan projek Node.js. Artikel ini akan memperkenalkan cara membina projek Node.js dan memperkenalkan beberapa alatan dan teknik yang berguna.

1. Pasang Node.js

Mula-mula pastikan anda telah memasang Node.js. Anda boleh memuat turun pemasang Node.js daripada tapak web rasmi Node.js (https://nodejs.org) dan ikut wizard untuk memasangnya.

Selepas pemasangan selesai, anda boleh membuka terminal (sistem Windows boleh membuka cmd melalui arahan "run") dan masukkan arahan "node -v" untuk menguji sama ada Node.js telah berjaya dipasang. Jika pemasangan berjaya, nombor versi Node.js akan dikeluarkan.

2. Pilih IDE

Seterusnya, anda perlu memilih alat pembangunan (IDE) untuk menulis kod Node.js. Alat pembangunan Node.js yang biasa digunakan termasuk Kod Visual Studio, Teks Sublime, Atom, WebStorm, dsb.

Dalam artikel ini, kami akan menggunakan Kod Visual Studio untuk pembangunan.

3. Cipta projek baharu

Buka Kod Visual Studio, pilih "Buka Folder", kemudian buat folder baharu dan namakannya "myapp".

Buat folder baharu dalam folder dan namakannya "awam". Di sinilah kami menyimpan fail statik, seperti fail JavaScript dan CSS.

Seterusnya buat fail baharu di bawah folder "myapp" dan namakannya "app.js". Ini akan menjadi fail titik masuk untuk aplikasi Node.js kami.

4. Tulis kod dalam app.js

Buka "app.js" dan masukkan kod berikut:

const http = require('http');
const fs = require('fs');
const path = require('path');

const hostname = '127.0.0.1';
const port = 3000;

const server = http.createServer((req, res) => {
  console.log(`Request for ${req.url} received.`);

  let filePath = '.' + req.url;
  if (filePath == './') {
    filePath = './public/index.html';
  }

  const extname = String(path.extname(filePath)).toLowerCase();
  const mimeTypes = {
    '.html': 'text/html',
    '.js': 'text/javascript',
    '.css': 'text/css',
    '.json': 'application/json',
    '.png': 'image/png',
    '.jpg': 'image/jpg',
    '.gif': 'image/gif',
    '.svg': 'image/svg+xml',
    '.wav': 'audio/wav',
    '.mp4': 'video/mp4',
    '.woff': 'application/font-woff',
    '.ttf': 'application/font-ttf',
    '.eot': 'application/vnd.ms-fontobject',
    '.otf': 'application/font-otf',
    '.wasm': 'application/wasm'
  };

  const contentType = mimeTypes[extname] || 'application/octet-stream';

  fs.readFile(filePath, (err, content) => {
    if (err) {
      if (err.code == 'ENOENT') {
        res.writeHead(404, { 'Content-Type': 'text/html' });
        res.end(`<h1>404 Not Found</h1><p>The requested URL ${req.url} was not found on this server.</p>`);
      } else {
        res.writeHead(500, { 'Content-Type': 'text/html' });
        res.end(`<h1>500 Internal Server Error</h1><p>Sorry, we couldn't process your request. Please try again later.</p>`);
      }
    } else {
      res.writeHead(200, { 'Content-Type': contentType });
      res.end(content, 'utf-8');
    }
  });
});

server.listen(port, hostname, () => {
  console.log(`Server running at http://${hostname}:${port}/`);
});

Coretan kod ini mencipta pelayan HTTP dan sepadan dengan permintaan dengan fail yang sepadan. Contohnya, jika "/about.html" diminta, pelayan akan mencari fail about.html dalam folder myapp/public dan mengembalikannya. Jika permintaan tidak sepadan dengan fail, ralat 404 dikembalikan.

5. Tambah penghalaan

Kami boleh melanjutkan aplikasi dengan menambah laluan. Di sini kami akan menambah laluan mudah untuk mengendalikan permintaan GET ke laluan "/hello".

Tambahkan kod berikut pada penghujung fail app.js:

server.on('request', (req, res) => {
  if (req.method === 'GET' && req.url === '/hello') {
    res.writeHead(200, { 'Content-Type': 'text/plain' });
    res.end('Hello, world!\n');
  }
});

Coretan kod ini mendengar permintaan dan mengembalikan rentetan "Hello, dunia!"

6. Jalankan aplikasi

Sekarang kita telah menyelesaikan pembangunan aplikasi Node.js, kita perlu menjalankan aplikasi itu. Masukkan arahan berikut dalam terminal:

node app.js

Ini akan memulakan aplikasi dan mengikatnya ke port 3000.

Sekarang, memasukkan "http://localhost:3000/" dalam penyemak imbas akan membuka halaman web statik kami. Dan memasukkan "http://localhost:3000/hello" akan mengembalikan rentetan "Hello, world!"

7. Ringkasan

Node.js ialah masa jalan JavaScript yang sangat popular yang boleh membantu pembangun membina aplikasi yang sangat berskala. Dengan menggunakan petua dan alatan yang diperkenalkan dalam artikel ini, anda boleh membina aplikasi Node.js dengan mudah.

Saya harap artikel ini dapat membantu anda dan saya doakan anda berjaya membina projek Node.js anda sendiri!

Atas ialah kandungan terperinci Bagaimana untuk membina projek nodejs. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!