nodejs melaksanakan bahagian web

Nodejs ialah persekitaran masa jalan JavaScript yang berjalan pada bahagian pelayan Ia membenarkan pembangun menulis kod bahagian pelayan dalam JavaScript untuk berinteraksi dengan bahagian hadapan Web.

Nodejs telah menjadi semakin popular sejak beberapa tahun kebelakangan ini kerana ia menyediakan persekitaran pembangunan yang cekap, berskala dan mudah digunakan. Banyak syarikat dan organisasi telah menggunakan nodej, seperti LinkedIn, Walmart dan PayPal.

Dalam artikel ini, kami akan memperkenalkan cara menggunakan nodej untuk melaksanakan pembangunan sisi web, termasuk penggunaan aplikasi web, penghalaan dan perisian tengah serta penggunaan enjin templat untuk memaparkan data sisi pelayan.

1. Pasang nodejs

Pertama, kita perlu memasang nodejs. Kami boleh mendapatkan pautan muat turun untuk sistem pengendalian yang berbeza di tapak web rasmi nodejs.

Selepas pemasangan selesai, kami boleh memasukkan nod -v dalam terminal untuk mengesahkan sama ada pemasangan berjaya. Jika berjaya, nombor versi nodejs akan dipaparkan.

2. Membuat aplikasi web

Seterusnya, kita boleh mencipta aplikasi web mudah menggunakan nodejs. Buka terminal, pergi ke folder kosong dan masukkan arahan berikut:

npm init -y

Arahan ini akan mencipta fail package.json baharu yang mengandungi metadata projek kami.

Seterusnya, kita perlu memasang modul ekspres, yang merupakan salah satu rangka kerja aplikasi web paling popular dalam nodejs. Kami boleh memasangnya menggunakan arahan berikut:

npm install express

Selepas pemasangan selesai, kami boleh mencipta fail index.js, yang akan mengandungi kod nodejs kami. Dalam index.js, kami akan mengimport modul ekspres dan mencipta contoh baharu:

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

Ini bermakna aplikasi kami kini boleh menggunakan kaedah dan sifat yang disediakan oleh ekspres. Seterusnya, kami perlu memberitahu aplikasi port yang hendak didengari untuk menerima permintaan http.

const port = 3000; 
app.listen(port, () => {  
  console.log(`Server started on port ${port}`);  
});

Di sini kami memberitahu aplikasi untuk mendengar pada port 3000. Dan gunakan console.log() untuk mencetak mesej supaya kita tahu pelayan telah bermula.

3. Tambah Laluan

Sekarang kami mempunyai rangka kerja asas yang disediakan untuk aplikasi kami, kami perlu mula menambah laluan untuk menavigasi ke halaman yang berbeza. Secara ekspres, laluan menentukan cara aplikasi bertindak balas kepada permintaan pelanggan.

Kami boleh mencipta laluan dinamik mudah menggunakan kod berikut:

app.get('/', (req, res) => {  
  res.send('Hello, World!');  
})

Laluan ini mentakrifkan permintaan GET yang akan mengembalikan mesej "Hello, World!" .

Kami juga boleh menggunakan penghalaan statik untuk menentukan halaman statik dan fail aplikasi.

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

Di sini, kami memberitahu pelayan untuk mencari fail statik dalam folder "awam". Ini termasuk HTML, CSS, JavaScript, imej dan sumber statik lain.

4. Middleware

Middleware ialah kod yang dilaksanakan sebelum atau selepas laluan. Ia boleh digunakan untuk memproses dan mengubah suai objek permintaan dan respons, dengan itu menyediakan lebih banyak fungsi kepada aplikasi.

Sebagai contoh, kami boleh menambah perisian tengah pengelogan untuk semua laluan menggunakan kod berikut:

app.use((req, res, next) => {  
  console.log(`${req.method} ${req.url}`);  
  next();  
});

Di sini, kami mentakrifkan fungsi perisian tengah yang dipanggil "logger" yang merekodkan kaedah HTTP dan URL, dan lulus permintaan dan tindak balas objek kepada perisian tengah seterusnya.

5. Enjin Templat

Dalam kebanyakan aplikasi web, kita perlu menjana halaman HTML secara dinamik pada bahagian pelayan. Untuk mencapai fungsi ini, kita boleh menggunakan enjin templat.

Enjin templat membolehkan kami memaparkan HTML daripada pelayan dan bukannya memaparkan daripada klien. Ini biasanya bermakna masa memuatkan lebih cepat dan pengoptimuman enjin carian (SEO) yang lebih baik.

Dalam nodejs, terdapat banyak enjin templat berbeza untuk dipilih, seperti Pug, Handlebars dan EJS.

Berikut ialah contoh pemaparan pembolehubah menggunakan enjin templat EJS:

app.set('view engine', 'ejs');  
app.get('/', (req, res) => {  
  const data = {  
    title: 'Hello, World!',  
    message: 'This is the home page.'  
  };  
  res.render('index', data);  
});

Di sini, kami mula-mula menetapkan enjin templat kepada EJS. Kemudian, kami mentakrifkan objek data yang sifatnya termasuk tajuk dan mesej. Akhir sekali, kami memberikan templat EJS bernama "indeks" menggunakan kaedah res.render() dan menghantar objek data ke templat.

Dalam templat EJS kami, kami boleh mengakses pembolehubah ini menggunakan kod berikut:

<h1><%= title %></h1>  
<p><%= message %></p>

Di sini, kami menggunakan sintaks <%= %> Apabila templat diberikan, pembolehubah ini akan digantikan dengan data sebenar.

6. Gunakan aplikasi

Selepas kami menyelesaikan pembangunan aplikasi web, kami boleh menggunakan ia pada pelayan web supaya ia boleh diakses oleh sesiapa sahaja.

Kaedah yang popular ialah menggunakan perkhidmatan pengkomputeran awan seperti Perkhidmatan Web Amazon (AWS) atau Microsoft Azure. Perkhidmatan ini menyediakan contoh komputer maya, bekas dan platform aplikasi yang boleh digunakan untuk menggunakan dan mengehoskan aplikasi web.

Kami juga boleh menggunakan platform seperti Heroku sebagai sasaran penggunaan. Platform ini menyediakan alatan baris arahan yang mudah dan proses penggunaan yang boleh digunakan untuk menggunakan kod ke pelayan jauh.

Ringkasan

Dalam artikel ini, kami memperkenalkan cara menggunakan nodejs untuk melaksanakan pembangunan web. Kami belajar cara membuat aplikasi web asas, menambah penghalaan dan perisian tengah serta menggunakan enjin templat untuk memaparkan data sebelah pelayan. Selain itu, kami membincangkan cara untuk menggunakan aplikasi pada pelayan Web supaya ia boleh digunakan secara meluas.

Atas ialah kandungan terperinci nodejs melaksanakan bahagian web. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!