使用Express.js构建快速的Web应用程序

墨色流年 2022-07-31 ⋅ 11 阅读

Express.js是一个简单而灵活的Node.js Web应用程序框架,可以快速构建高性能、可扩展的Web应用程序。它提供了一些丰富的功能和中间件,使得开发者可以轻松处理路由、模板引擎、请求和响应等。

安装Express.js

要开始使用Express.js,首先需要安装Node.js,然后使用npm安装Express.js。

$ npm install express

创建基本的Express.js应用程序

下面是一个简单的Express.js应用程序,用于创建一个Hello World的路由。

const express = require('express');
const app = express();

app.get('/', (req, res) => {
    res.send('Hello World!');
});

app.listen(3000, () => {
    console.log('Express.js app listening on port 3000!');
});

要运行以上代码,在命令行中输入以下命令:

$ node app.js

然后在浏览器中访问http://localhost:3000,你将看到“Hello World!”的输出。

路由

Express.js使用路由来处理不同的HTTP请求。路由是指决定如何响应特定端点的定义,其中每个端点又是一个特定的URL。

下面是一个演示不同路由的例子:

const express = require('express');
const app = express();

app.get('/', (req, res) => {
    res.send('Hello World!');
});

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

app.get('/contact', (req, res) => {
    res.send('Contact page');
});

app.listen(3000, () => {
    console.log('Express.js app listening on port 3000!');
});

在浏览器中访问http://localhost:3000/about,你将看到“About page”的输出。

使用中间件

在Express.js中,中间件是一个函数,用于处理请求和响应对象,决定是否继续传递给下一个中间件或者结束请求-响应循环。

const express = require('express');
const app = express();

// 日志中间件
app.use((req, res, next) => {
    console.log('Request received');
    next();
});

app.get('/', (req, res) => {
    res.send('Hello World!');
});

app.listen(3000, () => {
    console.log('Express.js app listening on port 3000!');
});

在浏览器中访问http://localhost:3000,你将会在命令行中看到“Request received”的输出。

模板引擎

Express.js允许使用各种模板引擎来渲染动态的页面。

下面是一个使用EJS模板引擎的例子:

首先,需要安装EJS模板引擎:

$ npm install ejs

然后,在Express.js应用程序中配置模板引擎:

const express = require('express');
const app = express();

app.set('view engine', 'ejs');
app.set('views', __dirname + '/views');

app.get('/', (req, res) => {
    res.render('index', { message: 'Hello World!' });
});

app.listen(3000, () => {
    console.log('Express.js app listening on port 3000!');
});

在views文件夹中创建一个名为index.ejs的文件,内容如下:

<!DOCTYPE html>
<html>
<head>
    <title>Express.js App</title>
</head>
<body>
    <h1><%= message %></h1>
</body>
</html>

在浏览器中访问http://localhost:3000,你将看到“Hello World!”的输出。

总结

Express.js是一个功能丰富且易于使用的Web应用程序框架,可以帮助开发者快速构建高性能、可扩展的Web应用程序。它提供了路由、中间件和模板引擎等丰富的功能,使得开发过程更加简单和高效。开始使用Express.js,享受它带来的开发乐趣吧!


全部评论: 0

    我有话说: