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,享受它带来的开发乐趣吧!
本文来自极简博客,作者:墨色流年,转载请注明原文链接:使用Express.js构建快速的Web应用程序