close

Membina Aplikasi Web Mudah dengan Node.js dan Express

Express ialah rangka kerja aplikasi web yang berkuasa dan fleksibel berdasarkan Node.js. Dengan sintaksnya yang ringkas dan struktur yang ringan, Express membolehkan anda membina aplikasi web responsif pengguna dengan cepat.

Express menyediakan ciri dan alatan yang diperlukan untuk mengendalikan permintaan HTTP, membina laluan, mengurus perisian tengah dan memaparkan kandungan dinamik. Ia membolehkan anda mencipta aplikasi web yang teguh dan fleksibel, daripada tapak web mudah kepada aplikasi web yang kompleks

Untuk menggunakan Express, anda perlu memasang rangka kerja dan mencipta pelayan untuk mendengar permintaan daripada pelanggan. Dengan mentakrifkan laluan dan perisian tengah, anda boleh mengendalikan permintaan, mengakses pangkalan data, melaksanakan pengesahan dan keselamatan serta memaparkan kandungan dinamik kepada pengguna.

 

Berikut ialah contoh khusus membina aplikasi senarai tugasan menggunakan Express:

Langkah 1: Pemasangan dan Persediaan Projek

  1. Pasang Node.js pada komputer anda( https://nodejs.org ).
  2. Buka Terminal dan buat direktori baharu untuk projek anda: mkdir todo-app.
  3. Beralih ke direktori projek: cd todo-app.
  4. Mulakan projek Node.js baharu: npm init -y.

Langkah 2: Pasang Express

  1. Pasang Express pakej:. npm install express

Langkah 3: Cipta fail server.js

  1. Cipta fail baharu bernama server.js dalam direktori projek.
  2. Buka fail server.js dan tambah kandungan berikut: 
// Import the Express module  
const express = require('express');  
  
// Create an Express app  
const app = express();  
  
// Define a route for the home page  
app.get('/',(req, res) => {  
  res.send('Welcome to the To-Do List App!');  
});  
  
// Start the server  
app.listen(3000,() => {  
  console.log('Server is running on port 3000');  
});  
​

 

Langkah 4: Jalankan Aplikasi

  1. Buka Terminal dan navigasi ke direktori projek(todo-app).
  2. Jalankan aplikasi dengan arahan: node server.js.
  3. Buka pelayar web anda dan akses URL: http://localhost:3000.
  4. Anda akan melihat mesej "Selamat Datang ke Apl Senarai Tugasan!" dipaparkan dalam pelayar anda.

Itulah contoh mudah untuk membina aplikasi web menggunakan Node.js dan Express. Anda boleh mengembangkan aplikasi ini dengan menambahkan ciri seperti menambah, mengedit dan memadamkan tugasan daripada senarai tugasan.