Asas Express.js: Panduan Pemula - Siri Tutorial Node.js - bahagian 10

Pengenalan:

Hei! Jika anda baru menggunakan Node.js, anda mungkin pernah mendengar tentang Express.js—rangka kerja yang ringan, pantas dan fleksibel untuk membina pelayan web dan API. Dalam panduan ini, saya akan membimbing anda melalui asas Express, menunjukkan kepada anda betapa mudahnya untuk bermula.

Bersedia? Jom terjun!

---

1. Memasang Express

Perkara pertama dahulu, mari pasang Express. Pastikan anda telah menyediakan Node.js dan npm (pengurus pakej Node) pada mesin anda. Setelah anda bersedia untuk pergi, buka terminal anda dan jalankan arahan ini:

npm install express

Boom! Anda baru sahaja memasang Express dalam projek anda. Semudah itu.

---

2. Mencipta Pelayan Ekspres Pertama Anda

Sekarang, mari kita bina sesuatu! Begini cara anda boleh mencipta pelayan Express yang sangat ringkas yang mendengar permintaan dan membalas dengan "Hello World" apabila seseorang melawat tapak anda.

const express = require('express');  // Import Express
const app = express();  // Initialize your Express app

app.get('/', (req, res) => {  // Set up a route for GET requests to the root URL
  res.send('Hello World');  // Send a response
});

app.listen(3000, () => {  // Tell the app to listen on port 3000
  console.log('Server is running on port 3000');
});

Jika anda menjalankan ini dengan node app.js dan membuka http://localhost:3000 dalam penyemak imbas anda, anda akan melihat "Hello World." Semudah itu untuk mengaktifkan dan menjalankan pelayan!

---

3. Apakah Middleware?

Anda mungkin pernah mendengar istilah "perisian tengah" dilontarkan. Ringkasnya, middleware hanyalah fungsi yang dilaksanakan antara permintaan yang diterima dan respons yang dihantar.

Mari kita lihat contoh mudah:

app.use((req, res, next) => {
  console.log('Request received');
  next();  // Moves to the next middleware or route
});

Dalam kes ini, setiap kali permintaan dibuat, ia log "Permintaan diterima" ke konsol. Fungsi next() adalah penting di sini kerana ia membenarkan permintaan untuk meneruskan ke fungsi middleware atau pengendali laluan seterusnya. Tanpanya, permintaan akan berhenti dan tiada balasan akan dihantar.

Jika anda berminat untuk mengetahui lebih lanjut tentang cara middleware berfungsi secara terperinci, lihat Memahami Middleware dalam Express.js dengan Node.js. Ia merangkumi pelbagai jenis middleware, seperti tahap penghala dan middleware pengendalian ralat.

---

4. Penghalaan: Tulang Belakang Apl Anda

Penghalaan ialah cara anda menyediakan URL yang berbeza dalam apl anda. Anda sudah melihat laluan asas untuk laluan akar (/), tetapi anda juga boleh mengendalikan kaedah HTTP lain, seperti POST, untuk menangani penyerahan borang atau kemas kini data.

app.post('/submit', (req, res) => {
  res.send('Form submitted!');
});

Kini, apabila pengguna menyerahkan borang ke /serahkan, laluan ini akan mengendalikannya. Anda boleh membuat seberapa banyak laluan yang anda perlukan—Express memudahkannya!

---

5. Melayan Fail Statik

Bagaimana jika anda ingin menyampaikan imej, fail CSS atau aset statik lain? Express telah membantu anda! Hanya letakkan fail tersebut ke dalam folder, seperti awam, dan beritahu Express tempat untuk mencarinya:

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

Kini, mana-mana fail di dalam folder awam (seperti style.css atau imej) boleh diakses terus oleh penyemak imbas.

---

6. Mengendalikan Data JSON

Dalam apl moden, anda selalunya perlu mengendalikan data JSON—mungkin daripada borang atau permintaan API. Express menjadikan ini sangat mudah:

app.use(express.json());  // Add this middleware to parse JSON

app.post('/data', (req, res) => {
  console.log(req.body);  // Access the parsed JSON data
  res.send('Data received!');
});

Kini, apabila permintaan POST dengan data JSON dihantar ke /data, Express akan menghuraikan JSON secara automatik dan anda boleh mengaksesnya dalam req.body. Mudah, kan?

---

Membungkus Semuanya

Dan begitulah—pengenalan cepat dan mudah kepada Express.js! Dengan hanya beberapa baris kod, anda telah mempelajari cara untuk:

• Pasang Express,
• Sediakan pelayan asas,
• Gunakan perisian tengah,
• Kendalikan laluan yang berbeza,
• Layankan fail statik,
• Dan bekerja dengan data JSON.

Express ialah rangka kerja berkuasa yang menjadikan membina pelayan web dan API menyeronokkan dan mudah. Apabila anda semakin selesa, anda boleh mula meneroka ciri yang lebih maju seperti penghala, pengendalian ralat atau malah menyepadukan dengan pangkalan data.

---

Petua Pro untuk Perjalanan Ekspres Anda

• Gunakan nodemon: Ia memulakan semula pelayan anda secara automatik apabila anda membuat perubahan. Cuma jalankan npm install -g nodemon dan gunakan nodemon app.js dan bukannya node app.js.
• Struktur apl anda: Apabila projek anda berkembang, anda perlu mengatur laluan dan pengawal anda ke dalam fail yang berasingan. Ini memastikan kod anda bersih dan terurus.

---

Saya harap panduan ini membantu anda bermula dengan Express! Teruskan bereksperimen dan sebelum anda sedar, anda akan membina apl web yang hebat seperti seorang profesional.

Selamat pengekodan!

Atas ialah kandungan terperinci Asas Express.js: Panduan Pemula - Siri Tutorial Node.js - bahagian 10. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!