Node Web后端框架 Express 的学习 --- ①

引言

经过两周的深入研究与实践，我对Express、Koa、HyperExpress等多个Node技术框架进行了详细的对比。过去曾听闻Node中的Web框架因其轻量级特性在中小规模项目中备受推崇。虽然之前我对Node.js框架的了解并不深入，但这激发了我进一步探索这一领域的兴趣，以期找到能够完美契合我当前需求的框架——既要轻量，又要实用。

而在这个过程中，Express框架在众多框架中脱颖而出，以其轻量级的特性和良好的生态环境深得我心，完全符合我当前的需求。

学习思路

若要深入学习和掌握一个框架，一个高效且直观的方法是与现有的大型框架如SpringBoot进行对接。通过这种方式，我们可以模拟并实现一个基于Node的后端系统，该系统在功能和结构上与SpringBoot版的系统相似。

这种方法不仅能够让我们快速地理解框架的核心概念和运行机制，还能够在实际操作中不断优化和完善我们的知识体系。最终，我们将能够构建一个兼具SpringBoot强大功能和Node灵活性的后端系统，从而更加高效地服务于各类应用开发需求。

一、框架环境搭建

使用 Express 框架之前，需要确保你的开发环境中安装了 Node.js。Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境，它允许你在服务器端运行 JavaScript 代码。

为了能够在同一台机器上管理多个 Node.js 版本，推荐使用 nvm（Node Version Manager）。nvm 是一个命令行工具，它允许你安装、管理和使用多个 Node.js 版本。

nvm for windows 下载、安装及使用

注意！！！在此之前安装过Node，需要卸载当前Node，以免造成冲突

①下载安装

nvm地址进入地址后点击下图所示.exe文件，直接下载，下一步式安装方式

②使用

切换 nvm 镜像源

nvm node_mirror https://npmmirror.com/mirrors/node/
nvm npm_mirror https://npmmirror.com/mirrors/npm/

安装node

nvm list available 	// 查看Node包
nvm install 20.9.0 	// 选择安装的版本号
nvm use 20.9.0 		// 使用安装好的Node

// 设置安装好的npm的镜像源
npm config set registry https://registry.npmmirror.com

二、Express框架的搭建

Express框架搭建有两种方式，一种是直接通过Express的生成器搭建，另一种是一步步手动搭建，通过项目架构划分来完善。

方式一：Express生成器搭建

npm install -g express-generator 	// 安装全局的Express生成器
express myapp 						// 创建一个项目名为myapp 的Express框架
cd myadd 							// 进入项目目录
npm i  								// 安装依赖
npm start  							// 启动项目

方式二：手动搭建

mkdir myapp
cd myapp
npm init -y
npm install express

创建启动服务

// 项目文件夹根目录创建 app.js
const express = require('express');
const app = express();
const port = 3000;

app.get('/', (req, res) => {
  res.send('Hello World!');
});

app.listen(port, () => {
  console.log(`Example app listening at http://localhost:${port}`);
});

此时在项目的终端输入node app.js即可开启服务

三、nodemon 热部署

每次修改完代码后，总要重启服务，这个时候安装nodemon就可以实现热部署。具体是检测你每次的保存操作来进行重启服务

3.1 下载

npm install -g nodemon

3.2 修改配置文件

"scripts": {
    "start": "nodemon app.js"
  }

3.3 使用

npm start		// 启动热部署

结语

至此，本篇教会了读者，如何快速搭建Express框架并开启服务

目录

• 下一篇 Node Web后端框架 Express 的学习 — ②