Express入门指南

晨曦吻 2021-12-16 ⋅ 12 阅读

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应用吧!


全部评论: 0

    我有话说: