Ekspres untuk Pemula: Cipta Apl Web Pertama Anda Hari Ini

Membuat apl Express melibatkan beberapa langkah. Express ialah rangka kerja aplikasi web Node.js yang minimum dan fleksibel yang menyediakan set ciri yang mantap untuk aplikasi web dan mudah alih. Di bawah ialah panduan langkah demi langkah untuk mencipta apl Ekspres asas:

Langkah 1: Sediakan Persekitaran Anda

1. Pasang Node.js dan npm: Jika anda belum melakukannya, muat turun dan pasang Node.js daripada nodejs.org. npm (Pengurus Pakej Node) disertakan bersama Node.js.

2. Buat Direktori Projek:
   

   mkdir my-express-app
   cd my-express-app
   
   

3. Mulakan Projek Node.js Baharu:
   

   npm init -y
   
   

   Ini akan mencipta fail package.json dengan tetapan lalai.

Langkah 2: Pasang Express

Pasang Express menggunakan npm:

npm install express

Langkah 3: Cipta Pelayan Asas

1. Buat Fail Kemasukan: Buat fail bernama app.js (atau index.js).

2. Sediakan Pelayan Asas:
   

   const express = require('express');
   const app = express();
   const port = 3000;
   
   app.get('/', (req, res) => {
     res.send('Hello World!');
   });
   
   app.listen(port, () => {
     console.log(`Example app listening at http://localhost:${port}`);
   });
   
   

Langkah 4: Jalankan Pelayan

Jalankan apl Express anda menggunakan Node.js:

node app.js

Buka penyemak imbas anda dan navigasi ke http://localhost:3000. Anda sepatutnya melihat "Hello World!" dipaparkan.

Langkah 5: Tambahkan Lebih Banyak Laluan dan Perisian Tengah (Pilihan)

Anda boleh menambah lebih banyak laluan dan perisian tengah pada apl Express anda. Contohnya:

1. Tambah Laluan:
   

   app.get('/about', (req, res) => {
     res.send('About Page');
   });
   
   

2. Gunakan Middleware:
   

   const bodyParser = require('body-parser');
   
   app.use(bodyParser.json());
   
   app.post('/data', (req, res) => {
     const data = req.body;
     res.send(`Received data: ${JSON.stringify(data)}`);
   });
   
   

Langkah 6: Susun Kod Anda (Pilihan)

Untuk aplikasi yang lebih besar, adalah amalan yang baik untuk menyusun kod anda ke dalam modul berasingan.

1. Buat Direktori Laluan:
   

   mkdir routes
   
   

2. Buat Fail Laluan: Buat fail bernama index.js di dalam direktori laluan.
   

   const express = require('express');
   const router = express.Router();
   
   router.get('/', (req, res) => {
     res.send('Hello World!');
   });
   
   router.get('/about', (req, res) => {
     res.send('About Page');
   });
   
   module.exports = router;
   
   

3. Kemas kini app.js untuk Menggunakan Fail Laluan:
   

   const express = require('express');
   const app = express();
   const port = 3000;
   const indexRouter = require('./routes/index');
   
   app.use('/', indexRouter);
   
   app.listen(port, () => {
     console.log(`Example app listening at http://localhost:${port}`);
   });
   
   

Langkah 7: Gunakan Pembolehubah Persekitaran (Pilihan)

Untuk tetapan konfigurasi, gunakan pembolehubah persekitaran.

1. Pasang Pakej dotenv:
   

   npm install dotenv
   
   

2. Buat Fail .env:
   

   PORT=3000
   
   

3. Kemas kini app.js untuk Menggunakan dotenv:
   

   require('dotenv').config();
   const express = require('express');
   const app = express();
   const port = process.env.PORT || 3000;
   const indexRouter = require('./routes/index');
   
   app.use('/', indexRouter);
   
   app.listen(port, () => {
     console.log(`Example app listening at http://localhost:${port}`);
   });
   
   

Itu sahaja! Anda telah membuat apl Express asas. Anda boleh mengembangkannya lagi dengan menambahkan lebih banyak laluan, perisian tengah dan ciri lain mengikut keperluan.

Atas ialah kandungan terperinci Ekspres untuk Pemula: Cipta Apl Web Pertama Anda Hari Ini. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!