认识 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 项目吧!🚀

相关推荐
weixin_472339461 小时前
高效处理大体积Excel文件的Java技术方案解析
java·开发语言·excel
zwjapple2 小时前
docker-compose一键部署全栈项目。springboot后端,react前端
前端·spring boot·docker
枯萎穿心攻击2 小时前
响应式编程入门教程第二节:构建 ObservableProperty<T> — 封装 ReactiveProperty 的高级用法
开发语言·unity·c#·游戏引擎
Eiceblue3 小时前
【免费.NET方案】CSV到PDF与DataTable的快速转换
开发语言·pdf·c#·.net
tan180°4 小时前
MySQL表的操作(3)
linux·数据库·c++·vscode·后端·mysql
m0_555762904 小时前
Matlab 频谱分析 (Spectral Analysis)
开发语言·matlab
像风一样自由20204 小时前
HTML与JavaScript:构建动态交互式Web页面的基石
前端·javascript·html
aiprtem5 小时前
基于Flutter的web登录设计
前端·flutter
浪裡遊5 小时前
React Hooks全面解析:从基础到高级的实用指南
开发语言·前端·javascript·react.js·node.js·ecmascript·php
why技术5 小时前
Stack Overflow,轰然倒下!
前端·人工智能·后端