Ekspres untuk Pemula: Cipta Apl Web Pertama Anda Hari Ini

DDD
Lepaskan: 2024-09-21 20:30:03
asal
373 orang telah melayarinya

Express for Beginners: Create Your First Web App Today

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

Salin selepas log masuk

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

Salin selepas log masuk

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!

sumber:dev.to
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan