Menguasai Express.js: A Deep Dive

Express ialah rangka kerja aplikasi pelayan web yang sangat biasa digunakan dalam Node.js. Pada asasnya, rangka kerja ialah struktur kod yang mematuhi peraturan tertentu dan mempunyai dua ciri utama:

• Ia merangkumi API, membolehkan pembangun menumpukan lebih pada menulis kod perniagaan.
• Ia telah menetapkan proses dan spesifikasi standard.

Ciri teras rangka kerja Express adalah seperti berikut:

• Ia boleh mengkonfigurasi perisian tengah untuk bertindak balas kepada pelbagai permintaan HTTP.
• Ia mentakrifkan jadual laluan untuk melaksanakan pelbagai jenis tindakan permintaan HTTP.
• Ia menyokong menghantar parameter kepada templat untuk mencapai pemaparan dinamik halaman HTML.

Artikel ini akan menganalisis cara Express melaksanakan pendaftaran middleware, mekanisme seterusnya dan pengendalian laluan dengan melaksanakan kelas LikeExpress yang mudah.

Analisis Ekspres

Mari kita terokai fungsi yang disediakannya melalui dua contoh kod Ekspres:

Laman Web Rasmi Ekspres Hello World Contoh

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

Analisis aplikasi Fail Kemasukan.js

Berikut ialah kod app.js fail masukan projek Express yang dijana oleh perancah penjana ekspres:

// Handle errors caused by unmatched routes
const createError = require('http-errors');
const express = require('express');
const path = require('path');

const indexRouter = require('./routes/index');
const usersRouter = require('./routes/users');

// `app` is an Express instance
const app = express();

// View engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'jade');

// Parse JSON format data in post requests and add the `body` field to the `req` object
app.use(express.json());
// Parse the urlencoded format data in post requests and add the `body` field to the `req` object
app.use(express.urlencoded({ extended: false }));

// Static file handling
app.use(express.static(path.join(__dirname, 'public')));

// Register top-level routes
app.use('/', indexRouter);
app.use('/users', usersRouter);

// Catch 404 errors and forward them to the error handler
app.use((req, res, next) => {
    next(createError(404));
});

// Error handling
app.use((err, req, res, next) => {
    // Set local variables to display error messages in the development environment
    res.locals.message = err.message;
    // Decide whether to display the full error according to the environment variable. Display in development, hide in production.
    res.locals.error = req.app.get('env') === 'development'? err : {};
    // Render the error page
    res.status(err.status || 500);
    res.render('error');
});

module.exports = app;

Daripada dua segmen kod di atas, kita dapat melihat bahawa aplikasi contoh Express terutamanya mempunyai tiga kaedah teras:

1. app.use([path,] callback [, callback...]): Digunakan untuk mendaftar middleware. Apabila laluan permintaan sepadan dengan peraturan yang ditetapkan, fungsi middleware yang sepadan akan dilaksanakan.
   • laluan: Menentukan laluan untuk menggunakan fungsi middleware.
   • panggil balik: Fungsi panggil balik boleh mengambil pelbagai bentuk. Ia boleh menjadi satu fungsi middleware, satu siri fungsi middleware yang dipisahkan dengan koma, susunan fungsi middleware atau gabungan semua perkara di atas.
2. app.get() dan app.post(): Kaedah ini serupa dengan use(), juga untuk mendaftar middleware. Walau bagaimanapun, mereka terikat kepada kaedah permintaan HTTP. Hanya apabila kaedah permintaan HTTP yang sepadan digunakan, pendaftaran perisian tengah yang berkaitan akan dicetuskan.
3. app.listen(): Bertanggungjawab untuk mencipta httpServer dan menghantar parameter yang diperlukan oleh server.listen().

Pelaksanaan Kod

Berdasarkan analisis fungsi kod Express, kami tahu bahawa pelaksanaan Express memberi tumpuan kepada tiga perkara:

• Proses pendaftaran fungsi middleware.
• Mekanisme teras seterusnya dalam fungsi middleware.
• Pengendalian laluan, dengan tumpuan pada padanan laluan.

Berdasarkan perkara ini, kami akan melaksanakan kelas LikeExpress yang mudah di bawah.

1. Struktur Asas Kelas

Pertama, jelaskan kaedah utama yang perlu dilaksanakan oleh kelas ini:

• use(): Melaksanakan pendaftaran middleware am.
• get() dan post(): Laksanakan pendaftaran middleware yang berkaitan dengan permintaan HTTP.
• listen(): Pada asasnya, ia adalah fungsi listen() httpServer. Dalam fungsi listen() kelas ini, httpServer dicipta, parameter dilalui, permintaan didengar dan fungsi panggil balik (req, res) => {} dilaksanakan.

Semak penggunaan httpServer Nod asli:

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

Oleh itu, struktur asas kelas LikeExpress adalah seperti berikut:

// Handle errors caused by unmatched routes
const createError = require('http-errors');
const express = require('express');
const path = require('path');

const indexRouter = require('./routes/index');
const usersRouter = require('./routes/users');

// `app` is an Express instance
const app = express();

// View engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'jade');

// Parse JSON format data in post requests and add the `body` field to the `req` object
app.use(express.json());
// Parse the urlencoded format data in post requests and add the `body` field to the `req` object
app.use(express.urlencoded({ extended: false }));

// Static file handling
app.use(express.static(path.join(__dirname, 'public')));

// Register top-level routes
app.use('/', indexRouter);
app.use('/users', usersRouter);

// Catch 404 errors and forward them to the error handler
app.use((req, res, next) => {
    next(createError(404));
});

// Error handling
app.use((err, req, res, next) => {
    // Set local variables to display error messages in the development environment
    res.locals.message = err.message;
    // Decide whether to display the full error according to the environment variable. Display in development, hide in production.
    res.locals.error = req.app.get('env') === 'development'? err : {};
    // Render the error page
    res.status(err.status || 500);
    res.render('error');
});

module.exports = app;

2. Pendaftaran Middleware

Daripada app.use([path,] panggil balik [, callback...]), kita dapat melihat bahawa middleware boleh menjadi pelbagai fungsi atau satu fungsi. Untuk memudahkan pelaksanaan, kami memproses middleware secara seragam sebagai pelbagai fungsi. Dalam kelas LikeExpress, ketiga-tiga kaedah use(), get(), dan post() semuanya boleh melaksanakan pendaftaran middleware. Hanya perisian tengah yang dicetuskan berbeza-beza disebabkan kaedah permintaan yang berbeza. Jadi kami pertimbangkan:

• Merumuskan fungsi pendaftaran middleware am.
• Mencipta tatasusunan fungsi middleware untuk ketiga-tiga kaedah ini untuk menyimpan middleware yang sepadan dengan permintaan yang berbeza. Memandangkan use() ialah kaedah pendaftaran middleware am untuk semua permintaan, array menyimpan use() middleware ialah gabungan tatasusunan untuk get() dan post().

Tatasusunan Baris Gilir Middleware

Susun atur perisian tengah perlu diletakkan di kawasan awam untuk akses mudah melalui kaedah dalam kelas. Jadi, kami meletakkan tatasusunan middleware dalam fungsi constructor() constructor.

const http = require("http");
const server = http.createServer((req, res) => {
    res.end("hello");
});
server.listen(3003, "127.0.0.1", () => {
    console.log("node service started successfully");
});

Fungsi Pendaftaran Middleware

Pendaftaran middleware bermaksud menyimpan middleware dalam tatasusunan middleware yang sepadan. Fungsi pendaftaran middleware perlu menghuraikan parameter masuk. Parameter pertama mungkin laluan atau perisian tengah, jadi perlu terlebih dahulu menentukan sama ada ia adalah laluan. Jika ya, keluarkan ia sebagaimana adanya; jika tidak, lalai ialah laluan akar, dan kemudian tukar parameter middleware yang tinggal kepada tatasusunan.

const http = require('http');

class LikeExpress {
    constructor() {}

    use() {}

    get() {}

    post() {}

    // httpServer callback function
    callback() {
        return (req, res) => {
            res.json = function (data) {
                res.setHeader('content-type', 'application/json');
                res.end(JSON.stringify(data));
            };
        };
    }

    listen(...args) {
        const server = http.createServer(this.callback());
        server.listen(...args);
    }
}

module.exports = () => {
    return new LikeExpress();
};

Pelaksanaan use(), get(), dan post()

Dengan fungsi pendaftaran middleware am register(), adalah mudah untuk melaksanakan use(), get(), dan post(), cuma simpan middleware dalam tatasusunan yang sepadan.

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

3. Pemprosesan Padanan Laluan

Apabila parameter pertama fungsi pendaftaran ialah laluan, fungsi middleware yang sepadan akan dicetuskan hanya apabila laluan permintaan sepadan dengan laluan atau sub-laluannya. Jadi, kita memerlukan fungsi padanan laluan untuk mengekstrak tatasusunan middleware laluan padanan mengikut kaedah permintaan dan laluan permintaan untuk fungsi panggil balik() seterusnya untuk dilaksanakan:

// Handle errors caused by unmatched routes
const createError = require('http-errors');
const express = require('express');
const path = require('path');

const indexRouter = require('./routes/index');
const usersRouter = require('./routes/users');

// `app` is an Express instance
const app = express();

// View engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'jade');

// Parse JSON format data in post requests and add the `body` field to the `req` object
app.use(express.json());
// Parse the urlencoded format data in post requests and add the `body` field to the `req` object
app.use(express.urlencoded({ extended: false }));

// Static file handling
app.use(express.static(path.join(__dirname, 'public')));

// Register top-level routes
app.use('/', indexRouter);
app.use('/users', usersRouter);

// Catch 404 errors and forward them to the error handler
app.use((req, res, next) => {
    next(createError(404));
});

// Error handling
app.use((err, req, res, next) => {
    // Set local variables to display error messages in the development environment
    res.locals.message = err.message;
    // Decide whether to display the full error according to the environment variable. Display in development, hide in production.
    res.locals.error = req.app.get('env') === 'development'? err : {};
    // Render the error page
    res.status(err.status || 500);
    res.render('error');
});

module.exports = app;

Kemudian, dalam fungsi panggil balik panggil balik() httpServer, ekstrak perisian tengah yang perlu dilaksanakan:

const http = require("http");
const server = http.createServer((req, res) => {
    res.end("hello");
});
server.listen(3003, "127.0.0.1", () => {
    console.log("node service started successfully");
});

4. Pelaksanaan Mekanisme seterusnya

Parameter fungsi middleware Express ialah req, res dan seterusnya, di mana seterusnya ialah fungsi. Hanya dengan memanggilnya fungsi middleware boleh dilaksanakan mengikut turutan, serupa dengan next() dalam ES6 Generator. Dalam pelaksanaan kami, kami perlu menulis fungsi next() dengan keperluan berikut:

• Ekstrak satu perisian tengah daripada tatasusunan baris gilir perisian tengah mengikut tertib setiap kali.
• Lepaskan fungsi next() ke dalam middleware yang diekstrak. Oleh kerana tatasusunan middleware adalah awam, setiap kali next() dilaksanakan, fungsi middleware pertama dalam tatasusunan akan dikeluarkan dan dilaksanakan, sekali gus mencapai kesan pelaksanaan berurutan bagi middleware.

const http = require('http');

class LikeExpress {
    constructor() {}

    use() {}

    get() {}

    post() {}

    // httpServer callback function
    callback() {
        return (req, res) => {
            res.json = function (data) {
                res.setHeader('content-type', 'application/json');
                res.end(JSON.stringify(data));
            };
        };
    }

    listen(...args) {
        const server = http.createServer(this.callback());
        server.listen(...args);
    }
}

module.exports = () => {
    return new LikeExpress();
};

Kod Ekspres

constructor() {
    // List of stored middleware
    this.routes = {
        all: [], // General middleware
        get: [], // Middleware for get requests
        post: [], // Middleware for post requests
    };
}

Leapcell: Platform Tanpa Pelayan Generasi Seterusnya untuk Pengehosan Web, Tugas Async dan Redis

Akhir sekali, izinkan saya memperkenalkan platform yang sangat sesuai untuk menggunakan Express: Leapcell.

Leapcell ialah platform tanpa pelayan dengan ciri-ciri berikut:

1. Sokongan Pelbagai Bahasa

• Bangun dengan JavaScript, Python, Go atau Rust.

2. Sebarkan projek tanpa had secara percuma

• Bayar hanya untuk penggunaan — tiada permintaan, tiada caj.

3. Kecekapan Kos yang tiada tandingan

• Bayar semasa anda pergi tanpa caj terbiar.
• Contoh: $25 menyokong 6.94 juta permintaan pada purata masa tindak balas 60ms.

4. Pengalaman Pembangun Diperkemas

• UI intuitif untuk persediaan yang mudah.
• Saluran paip CI/CD automatik sepenuhnya dan penyepaduan GitOps.
• Metrik masa nyata dan pengelogan untuk mendapatkan cerapan yang boleh diambil tindakan.

5. Kebolehskalaan dan Prestasi Tinggi yang Mudah

• Penskalaan automatik untuk mengendalikan konkurensi tinggi dengan mudah.
• Sifar operasi overhed — hanya fokus pada pembinaan.

Teroka lebih lanjut dalam dokumentasi!

Twitter Leapcell: https://x.com/LeapcellHQ

Atas ialah kandungan terperinci Menguasai Express.js: A Deep Dive. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!