认识 Express.js:Node.js 最流行的 Web 框架

目录

[1. 什么是 Express.js?](#1. 什么是 Express.js?)

[2. 安装 Express](#2. 安装 Express)

[3. 创建一个简单的 Express 服务器](#3. 创建一个简单的 Express 服务器)

[4. 运行服务器](#4. 运行服务器)

[5. Express 基本功能](#5. Express 基本功能)

[5.1 路由](#5.1 路由)

[5.2 中间件](#5.2 中间件)

[5.3 处理 JSON 数据](#5.3 处理 JSON 数据)

[6. 结语](#6. 结语)


1. 什么是 Express.js?

Express.js 是一个基于 Node.js 的 Web 应用框架,能让我们快速搭建服务器,处理 HTTP 请求,提供 API,并支持中间件扩展。

2. 安装 Express

首先确保你安装了 Node.js,然后使用 npm 安装 Express:

bash 复制代码
mkdir express-demo && cd express-demo  # 创建项目目录
npm init -y  # 初始化项目
npm install express  # 安装 Express

3. 创建一个简单的 Express 服务器

新建 server.js 文件,写入以下代码:

javascript 复制代码
// server.js
const express = require('express'); // 引入 Express
const app = express(); // 创建 Express 应用
const port = 3000; // 端口号

// 主页路由
app.get('/', (req, res) => {
    res.send('Hello, Express!');
});

// 监听端口,启动服务器
app.listen(port, () => {
    console.log(`服务器运行在 http://localhost:${port}`);
});

4. 运行服务器

在终端执行:

bash 复制代码
node server.js

然后在浏览器访问 http://localhost:3000,你将看到:

bash 复制代码
Hello, Express!

5. Express 基本功能

5.1 路由

Express 可以处理不同的 URL 请求:

javascript 复制代码
app.get('/about', (req, res) => res.send('关于我们页面'));
app.get('/user/:name', (req, res) => res.send(`你好,${req.params.name}!`));

5.2 中间件

中间件用于处理请求,比如日志、身份验证等:

javascript 复制代码
app.use((req, res, next) => {
    console.log(`请求路径:${req.url}`);
    next();
});

5.3 处理 JSON 数据

javascript 复制代码
app.use(express.json());
app.post('/data', (req, res) => res.json({ received: req.body }));

6. 结语

Express.js 是 Node.js 最常用的 Web 框架,使用它可以快速搭建 Web 服务器、创建 API,并支持中间件扩展。试试自己动手写一个简单的 Express 项目吧!🚀

相关推荐
学前端搞口饭吃4 分钟前
React props的使用
前端·javascript·react.js
王伯安呢20 分钟前
Java开发环境配置入门指南
java·开发语言·jvm·eclipse·环境搭建·新手
·前路漫漫亦灿灿23 分钟前
C++-类型转换
开发语言·c++
灵感__idea27 分钟前
JavaScript高级程序设计(第5版):前端的能力边界
前端·javascript·程序员
华洛29 分钟前
SEO还没死,GEO之战已经开始
前端·javascript·产品
IT_陈寒32 分钟前
Python性能优化:5个被低估的魔法方法让你的代码提速50%
前端·人工智能·后端
Kyln.Wu38 分钟前
【python实用小脚本-205】[HR揭秘]手工党逐行查Bug的终结者|Python版代码质量“CT机”加速器(建议收藏)
开发语言·python·bug
As331001040 分钟前
Chrome 插件开发入门指南:从基础到实践
前端·chrome
计算机毕业设计木哥41 分钟前
Python毕业设计推荐:基于Django的饮食计划推荐与交流分享平台 饮食健康系统 健康食谱计划系统
开发语言·hadoop·spring boot·后端·python·django·课程设计
不想上班只想要钱1 小时前
vue3 ts:声明的一个数组不能将类型“boolean”分配给类型“never”。
前端·vue.js