2022-02-19 初识 Express

1. 什么是 Express

官方给出的概念：Express 是基于 Node.js 平台，快速、开放、极简的 Web 开发框架。
通俗的理解：Express 的作用和 Node.js 内置的 http 模块类似，是专门用来创建 Web 服务器的。
Express 的本质：就是一个 npm 上的第三方包，提供了快速创建 Web 服务器的便捷方法。

2 Express 的基本使用

1. 安装
   在项目所处的目录中，运行如下的终端命令，即可将 express 安装到项目中使用：

npm i [email protected]

2. 创建基本的 Web 服务器

const express = require('express')
const app = express()

// 挂载路由
// 参数1：客户端对应的url地址
// 参数2：对应的请求处理（req:请求对象；res:响应对象）
// req.query(); //获取发过来的数据
// 通过 res.send() 方法，可以把处理好的内容，发送给客户端：把内容响应给客户端
app.get('/', (req, res) => {
  res.send('hello world.')
})
app.post('/', (req, res) => {
  res.send('Post Request.')
})

app.listen(8081, () => {
  console.log('http://127.0.0.1')
})

3 托管静态资源

1. express.static()
   express 提供了一个非常好用的函数，叫做 express.static()，通过它，我们可以非常方便地创建一个静态资源服务器，
   例如，通过如下代码就可以将 public 目录下的图片、CSS 文件、JavaScript 文件对外开放访问了：

app.use(express.static('public'))

现在，你就可以访问 public 目录中的所有文件了：
http://localhost:3000/images/bg.jpg
http://localhost:3000/css/style.css
http://localhost:3000/js/login.js
注意：Express 在指定的静态目录中查找文件，并对外提供资源的访问路径。
因此，存放静态文件的目录名不会出现在 URL 中。

2. 挂载路径前缀
   如果希望在托管的静态资源访问路径之前，挂载路径前缀，则可以使用如下的方式：

app.use('/public',express.static('public'))

现在，你就可以通过带有 /public 前缀地址来访问 public 目录中的文件了：
http://localhost:3000/public/images/kitten.jpg
http://localhost:3000/public/css/style.css
http://localhost:3000/public/js/app.js

3 nodemon
这个工具，它能够监听项目文件
的变动，当代码被修改后，nodemon 会自动帮我们重启项目，极大方便了开发和调试

npm install -g nodemon
//原来每次重启
node ./5.js
//现在 改了保存就自动重启
nodemon ./5.js