Express是一个基于Node.js的快速、灵活的Web应用框架,它提供了一系列开发Web应用所需的功能和工具。本文将为你提供一个简单的Express入门指南。
安装Express
首先,你需要安装Node.js。在安装好Node.js后,打开命令行工具,执行以下命令来安装Express:
$ npm install express
创建一个Express应用
接下来,你需要创建一个Express应用。在你的项目目录下,创建一个名为 app.js
的文件,并键入以下内容:
const express = require('express');
const app = express();
// 定义路由
app.get('/', (req, res) => {
res.send('Hello, Express!');
});
// 启动服务器
app.listen(3000, () => {
console.log('Server is running on port 3000');
});
以上代码会创建一个Express应用,并监听在本地的3000端口。当有请求访问根路径时,服务器会返回 Hello, Express!
。
运行Express应用
运行以下命令来启动Express应用:
$ node app.js
在浏览器中打开 http://localhost:3000
,你会看到输出 Hello, Express!
。
路由
Express使用路由来匹配和处理请求。上面的例子中,我们定义了一个根路径路由,当访问根路径时,服务器会返回 Hello, Express!
。你可以定义更多的路由来处理不同的请求。
app.get('/about', (req, res) => {
res.send('About Page');
});
app.get('/contact', (req, res) => {
res.send('Contact Page');
});
在浏览器中访问 http://localhost:3000/about
,会返回 About Page
;访问 http://localhost:3000/contact
,会返回 Contact Page
。
中间件
Express的中间件是在路由处理之前执行的函数。你可以使用中间件来处理请求、修改请求或响应对象,或执行其他自定义处理。
// 日志中间件
app.use((req, res, next) => {
console.log('Received a request');
next();
});
// 静态文件中间件
app.use(express.static('public'));
以上代码中,我们通过 app.use
方法使用了两个中间件。第一个中间件会在每次请求到达时打印日志,第二个中间件会将请求定向到 public
文件夹中的静态文件。
模板引擎
Express支持多种模板引擎,如EJS、Pug等,用于在服务器端渲染动态页面。
首先,你需要安装所需的模板引擎。例如,安装EJS:
$ npm install ejs
然后,在Express应用中设置模板引擎:
app.set('view engine', 'ejs');
最后,在你的视图文件中使用模板引擎:
<!-- views/index.ejs -->
<!DOCTYPE html>
<html>
<head>
<title>Express App</title>
</head>
<body>
<h1>Welcome to <%= title %>!</h1>
</body>
</html>
在路由处理方法中使用模板引擎来渲染视图:
app.get('/', (req, res) => {
res.render('index', { title: 'Express App' });
});
当访问根路径时,服务器会渲染 views/index.ejs
视图,并将传入的数据 title
填入到视图中。
结语
Express是一个强大而灵活的Web应用框架,通过上述简单的入门指南,你已经了解了如何使用Express创建一个简单的Web应用。希望本文对你有帮助,进一步探索Express的功能和工具,打造出更复杂和强大的Web应用吧!
本文来自极简博客,作者:晨曦吻,转载请注明原文链接:Express入门指南