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
   
   

   Salin selepas log masuk

3. Mulakan Projek Node.js Baharu:
   

   npm init -y
   
   

   Salin selepas log masuk

   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}`);
   });
   
   

   Salin selepas log masuk

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');
   });
   
   

   Salin selepas log masuk

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)}`);
   });
   
   

   Salin selepas log masuk

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
   
   

   Salin selepas log masuk

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;
   
   

   Salin selepas log masuk

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}`);
   });
   
   

   Salin selepas log masuk

Langkah 7: Gunakan Pembolehubah Persekitaran (Pilihan)

Untuk tetapan konfigurasi, gunakan pembolehubah persekitaran.

1. Pasang Pakej dotenv:
   

   npm install dotenv
   
   

   Salin selepas log masuk

2. Buat Fail .env:
   

   PORT=3000
   
   

   Salin selepas log masuk

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}`);
   });
   
   

   Salin selepas log masuk

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!